2011-02-17 70 views
0

好的,所以我有这个.parents()函数,外面找到一个类/ ID。在我的情况下,(.wrapper)。jQuery的父母然后找到一个div来隐藏

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

我有这些div的单页上的列表,所以,如果我点击“隐藏类”的文字,一切都将淡出,因为一切都在列表中,具有相同的类名。现在,回到我的问题。我使用.parents()来找到(.wrapper)(我知道这可以用(.parent)完成)。但是,我如何使用.parents返回,然后选择(fadeOut)其中的一个类? EX,boxClass?

+3

你的jQuery代码在哪里? – BoltClock 2011-02-17 17:51:13

回答

2

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

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

或者,如果他们不是真正的兄弟姐妹,使用closest()(docs)方法则find()(docs)方法。

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

内的处理程序this表示调用处理程序的元件。因此,它直接引用了被点击的特定.hide元素。

+0

正是我在找的!谢谢! – Henrikz 2011-02-17 18:10:09

1

是这样的吗?

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

.children()只向DOM树中的单层传递。使用find():

$('.hide').parents().find('.boxClass').fadeOut(); 
相关问题