jQuery，通过“侄子”访问选择器

Question

我需要通过“侄子”选择器在课堂上访问以添加过滤器。 如果仅添加父级，则仅获得第一个父级。 你可以帮我找第二个父母吗？ 我尝试了.parent（）。parent（）但没有成功

 <div class="all-types"> <div class="row typeprices mar0 js_item"></div> </div> <div class="box-show-alltypes"><a class="js_show_alltypes">GO</a></div> 

$('.js_show_alltypes').click(function (e) {
    e.preventDefault();
    $(this).parent().find('.js_item').slideDown();
    $(this).hide();
});

Answer 1

您可以使用.closest() / .parent()来获取当前元素的父对象，然后使用.prev()来定位其同级对象，而.find()来定位该元素

$(this).closest('.box-show-alltypes').prev().find('.js_item').slideDown();

如果可以将元素包装在公共父元素（即.common-parent则只需使用.closest()遍历它，然后直接使用.find()

$(this).closest('.common-parent').find('.js_item').slideDown();

 $('.js_show_alltypes').click(function (e) { e.preventDefault(); $(this).closest('.box-show-alltypes').prev().find('.js_item').slideDown(); $(this).hide(); }); 

 .js_item{display:none} 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div class="all-types"> <div class="row typeprices mar0 js_item">js_item</div> </div> <div class="box-show-alltypes"><a class="js_show_alltypes">GO</a></div>