2011-02-17 44 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(); 
相關問題