当前位置 : 主页 > 网页制作 > JQuery >

Jquery选择锚的父亲的孩子

来源:互联网 收集:自由互联 发布时间:2021-06-15
我想选择并切换()锚点父级父级的子级. 这是我想要做的一个例子.它不起作用:) div div a href="#" onclick="$(this + ':parent:parent .inner').toggle();"hide/a /div div class="inner" To be toggled. /div/div 您可以使
我想选择并切换()锚点父级父级的子级.

这是我想要做的一个例子.它不起作用:)

<div>

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

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

</div>
您可以使用 .parent()然后 .siblings(),如下所示:

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

但是,如果你能够让它不那么引人注目,那就更容易维护,例如给你的链接一个类,如下所示:

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

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

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