Как добраться до элемента?

Question

[Vladislav]

Как добраться до .tabs__links-products.none?
По аналогии с $('#categoryBtnOne+.tabs__links-products.none'), только список у меня идет не после кнопки, а до.

<div class="tabs__catalog-wrap">
                        <div class="tabs__product-item">
                            <img src="img/convert/product-1.webp" alt="Избранное не загружено">
                            <p class="tabs__title-product">Навесное оборудование</p>
                            <ul class="tabs__links-products">
                                <li><a href="">Фаркопы<span class="tabs__result-quantity">6360</span></a></li>
                                <li><a href="">Пороги<span class="tabs__result-quantity">8777</span></a></li>
                                <li><a href="">Защита бампера<span class="tabs__result-quantity">5755</span></a></li>
                                <li><a href="">Защита картера<span class="tabs__result-quantity">10215</span></a></li>
                            </ul>
                            <ul class="tabs__links-products none">
                                <li><a href="">Фаркопы<span class="tabs__result-quantity">6360</span></a></li>
                                <li><a href="">Пороги<span class="tabs__result-quantity">8777</span></a></li>
                                <li><a href="">Защита бампера<span class="tabs__result-quantity">5755</span></a></li>
                                <li><a href="">Защита картера<span class="tabs__result-quantity">10215</span></a></li>
                                <li><a href="">Защита картера<span class="tabs__result-quantity">10215</span></a></li>
                            </ul>
                            <button class="tabs__all-category" id="categoryBtnOne" type="button">Все подкатегории
                                <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="13" height="8" viewBox="0 0 13 8">
                                    <image  width="13" height="8" xlink:href="data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAICAYAAAAiJnXPAAAAzUlEQVQYlYXRwSpFQRgH8N/FSo2ytyBbJYvbfQM52VkoKWvnDRQpm/sANrOwlY215iVYUDasLZRSTlI2R8Pc05VuvtXMf75ffTPT29h/28FSimHon6rq5gBPM7jwE8ymGI4msapujnGS11NYL/lhVTdxAjgdAWz22rbN4SpuMI3LFMP2GDjHbtn2UwzX36gcLuIWc7jCHs6whXespRgec2+HCpzHHRbGpnvGSorhZRTkO3WVYnjFMu5L+FBetgN/UIGfGCB/wSDF8PGrAV/vl0D0Spw3igAAAABJRU5ErkJggg=="/>
                                  </svg>
                            </button>
                        </div>

Comments

[Pashok Doom]

$('.tabs__links-products.none') ?

[Vladislav]

Pashok Doom, не имено чтобы рядом была кнопка с id categoryBtnOne

[Pashok Doom]

$('.tabs__links-products.none + #categoryBtnOne').prev() ?

[inkShio]

$('#categoryBtnOne').closest('.tabs__catalog-wrap').find('.tabs__links-products.none') такой вариант не устраивает?

Answer 1

[pavel_mol]

$("#categoryBtnOne").prev(".tabs__links-products.none");

Comments

[Vladislav]

pavel_mol не робит такая запись

$("#categoryBtnOne").prev(".tabs__links-products.none").click(function() {
      $('.tabs__links-products.none').slideToggle()
    });

[pavel_mol]

Vladislav, возможно я понял что ты хочешь

$("#categoryBtnOne").click(function() {
      $(this).prev(".tabs__links-products.none").slideToggle();
    });

[Vladislav]

Vladislav, $("#categoryBtnOne").click(function() {
$(this).prev(".tabs__links-products.none").slideToggle()
});

$("#categoryBtnTwo").click(function() {
$(this).prev(".tabs__links-products.none").slideToggle()
});
так робит

[Pashok Doom]

$(document).on('click', '.tabs__links-products.none', function(){
	if ($(this).next().attr('id') == 'categoryBtnOne') {
		// something
	}
})

Я так понял вам надо нечто такое, но это дичь

[Vladislav]

pavel_mol, да я затупил слегка) не тому задал

[pavel_mol]

Vladislav,
лучше дай какой-нить класс кнопке, не нужно же тебе куча ненужных id)

$(".category-control").click(function() {
      $(this).prev(".tabs__links-products.none").slideToggle();
    });

[Vladislav]

pavel_mol, спасибо за идею)