如何找到其父之外的元素用jQuery

Question

我有這個標記：

<div> 
    <div> 
     <button class="button"></button> 
    </div> 
    <div class="panel"> 
    </div> 
    </div> 

現在，我需要找到下一個panel恰到好處button元素，並就它的一些行動。所以我這樣做，但有些不對，任何人都可以幫忙？

var open_bt = $('.button'); 

open_bt.on('click',function(){ 
    $(this).parent().parent().next().child('.panel').slideDown(100); 
}); 

Thx尋求幫助。

Answer 1

$(this).parent().next('.panel').slideDown(100);應該做的伎倆

Answer 2

你只需要進入上一層，並沒有child方法：

open_bt.on('click',function(){ 
    $(this).parent().next('.panel').slideDown(100); 
}); 

Answer 3

你可以這樣做：

open_bt.on('click', function() { 
    $(this).closest('div').next('.panel').slideDown(100); 
});