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();

    }

}