Question

好的，所以我有这个.parents（）函数，它位于一个定位的类/ id之外。就我而言，（。wrapper）。

<div class="wrapper">
<div class="hide">Hide Class</div>
<div class="boxClass></div>
</div>

我在一个页面上有一个这些div的列表，所以，如果我单击“隐藏类”文本，一切都会淡出，因为列表中的所有内容都具有相同的类名。现在，回到我的问题。我使用.parents（）来定位（.wrapper）（我知道这可以用（.parent）完成）。但是我如何使用.parents返回然后选择（fadeOut）一个类里面的类？ EX，boxClass？

Answer 1

在你的情况下，他们是兄弟姐妹，所以只需在处理程序中使用siblings()^(docs)方法。

$(this).siblings('.boxClass').fadeOut();

或者，如果他们实际上不是兄弟姐妹，请使用closest()^(docs)方法，然后使用find()^(docs)方法。

$(this).closest('.wrapper').find('.boxClass').fadeOut();

处理程序内部this表示调用处理程序的元素。因此，它是对单击的特定.hide元素的直接引用。

Answer 2

这样的东西？

$('.hide').parents().children('.boxClass').fadeOut();

Answer 3

.children（）只在DOM树中向下移动一级。使用find（）：

$('.hide').parents().find('.boxClass').fadeOut();

然后jQuery父母找到一个div来隐藏

3 个答案: