jquery選擇錨的父項的子項

Question

我想選擇並切換（）父錨的父項的子項。

這是我想要做的一個例子。它不工作:)

<div> 

    <div> 
     <a href="#" onclick="$(this + ':parent:parent .inner').toggle();">hide</a> 
    </div> 

    <div class="inner"> 
     To be toggled. 
    </div> 

</div> 

Answer 1

你可以使用.parent()然後.siblings()，像這樣：

$(this).parent().siblings('.inner').toggle(); 

但是，如果你能夠使它不顯眼的那將會更好的可維護性一點，例如給你的鏈接一類，像這樣：

<a href="#" class="toggler">hide</a> 

然後你可以綁定這個類（它的所有實例），像這樣：

$(function() { 
    $(".toggler").click(function() { 
    $(this).parent().siblings('.inner').toggle(); 
    }); 
}); 

Answer 2

$(function(){ 
    $('a').click(function(){ 
     $(this).parent().parent().find('.inner').toggle(); 

    } 

}