jquery,选择器访问" nephew"

时间:2018-03-20 11:03:42

标签: javascript jquery

我需要在课堂上通过" nephew"选择器添加过滤器。 如果只添加父项,则只获得第一个父项。 你能帮助我得到第二个父母吗?我试过.parent()。parent()但没有成功



asset()




<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>

1 个答案:

答案 0 :(得分:0)

您可以使用.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();

&#13;
&#13;
$('.js_show_alltypes').click(function (e) {
    e.preventDefault();
    $(this).closest('.box-show-alltypes').prev().find('.js_item').slideDown();
    $(this).hide();
});
&#13;
.js_item{display:none}
&#13;
<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>
&#13;
&#13;
&#13;