jquery вставить ссылку

294
04 октября 2017, 09:21

Есть товары на странице,у каждого товара есть кнопка "В корзину". Вот код этих кнопок: 

<td class="td_incart" nowrap="">
    <div class="cart-btn incart-type1 mainmenubg ">
        <div class="incart-num">
            <input name="count" value="1" type="number">
            <span class="icons i_plus incart_up"></span>
            <span class="icons i_minus incart_down"></span>
        </div>
        <a href="/katalog-to/Audi/A2/A2-8Z0-hetchbek-2000---2005-AUA/4877-filtr-maslyanyj.html" title="В корзину" class="incart-js icons i_cart">
            <span>В корзину</span>
        </a>
    </div>
</td>

Пытаюсь скрыть ссылку и добавить свою, но все полученные ссылки вставляются не правильно,

Мой код:

$('.mainmenubg a').each(function (index, value){
    $('.mainmenubg a').hide();
    var a = $(this).attr('href'),
        id = a.match(/\/(\d+)-/)[1];
    $('.mainmenubg ').append('<a class="new_link" href="/search/?find='+id+'" alt="Аналог" title="Аналог">Аналог</a> ');
});

Мне нужно чтобы ссылка встала под свой div, а не по 15 штук в каждом div

Answer 1

Вместо $('.mainmenubg ').append('<a class="new_link" href="/search/?find='+id+'" alt="Аналог" title="Аналог">Аналог</a> '); напишите что-то типа $(this).parents(".mainmenubg").append('<a class="new_link" href="/search/?find='+id+'" alt="Аналог" title="Аналог">Аналог</a>'); , поскольку вы вставляете новую ссылку в каждый mainmenubg, столько раз, сколько у вас есть ссылок, а нужно только для родителя вашей ссылке в цикле.

$('.mainmenubg a.i_cart').each(function (index, value){ 
$('.mainmenubg a.i_cart').hide(); 
var a = $(this).attr('href'), 
    id = a.match(/\/(\d+)-/)[1]; 
$(this).parents(".mainmenubg").append('<a class="new_link" href="/search/?find='+id+'" alt="Аналог" title="Аналог">Аналог</a>'); 
})
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<td class="td_incart" nowrap=""> 
                    <div class="cart-btn incart-type1 mainmenubg "> 
                                    <div class="incart-num"> 
                                        <input name="count" value="1" type="number"> 
                                        <span class="icons i_plus incart_up"></span> 
                                        <span class="icons i_minus incart_down"></span> 
                                    </div> 
                                    <a href="/katalog-to/Audi/A2/A2-8Z0-hetchbek-2000---2005-AUA/4877-filtr-maslyanyj.html" title="В корзину" class="incart-js icons i_cart"> 
                                        <span>В корзину</span> 
                                    </a> 
                                </div> 
                </td> 
                <td class="td_incart" nowrap=""> 
                    <div class="cart-btn incart-type1 mainmenubg "> 
                                    <div class="incart-num"> 
                                        <input name="count" value="1" type="number"> 
                                        <span class="icons i_plus incart_up"></span> 
                                        <span class="icons i_minus incart_down"></span> 
                                    </div> 
                                    <a href="/katalog-to/Audi/A2/A2-8Z0-hetchbek-2000---2005-AUA/4877-filtr-maslyanyj.html" title="В корзину" class="incart-js icons i_cart"> 
                                        <span>В корзину</span> 
                                    </a> 
                                </div> 
                </td> 
                <td class="td_incart" nowrap=""> 
                    <div class="cart-btn incart-type1 mainmenubg "> 
                                    <div class="incart-num"> 
                                        <input name="count" value="1" type="number"> 
                                        <span class="icons i_plus incart_up"></span> 
                                        <span class="icons i_minus incart_down"></span> 
                                    </div> 
                                    <a href="/katalog-to/Audi/A2/A2-8Z0-hetchbek-2000---2005-AUA/4877-filtr-maslyanyj.html" title="В корзину" class="incart-js icons i_cart"> 
                                        <span>В корзину</span> 
                                    </a> 
                                </div> 
                </td>

READ ALSO
Вложенность в sass?
CSS

Вложенность в sass?

Можно ли при компиляции в SASS убрать вложенность? Или писать код без вложенности? На данный момент это выглядит вот так:

 318
d3-bar-chart-and-line-chart доработать чтобы было как на картинке
HTML

d3-bar-chart-and-line-chart доработать чтобы было как на картинке

 286
input с боковыми кнопками
HTML

input с боковыми кнопками

Есть HTML-код с инпутом, в котором числовые значения, там же кнопки увеличения\уменьшенияКак с помощью Jquery сделать эти кнопки по бокам от инпута?...

 350
MySQL #2014 - Commands out of sync; you can&#39;t run this command now
MySQL

MySQL #2014 - Commands out of sync; you can't run this command now

Как правильно выбрать результат?

 293