Jquery选择锚点父元素的子元素

Question

我想选择和切换锚点的父级的父级的子元素。以下是我尝试的示例，但它并不起作用 :)。

<div>

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

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

</div>

- koen

Answer 1

你可以使用 .parent() 然后使用 .siblings()，如下所示：

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

但是，如果您能使它不那么显眼，那么它会更易于维护，例如为您的链接添加一个类，如下所示：

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

然后，您可以像这样绑定该类（所有实例），如下所示：

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

- Nick Craver

Answer 2

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

    }

}

- Patricia