Jquery 选择 anchor 的父级的子级

Question

我想选择并切换() anchor 的父级的子级。

这是我正在尝试做的一个例子。这不起作用:)

<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>

然后您可以绑定(bind)该类(它的所有实例)，如下所示:

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