选择父级及其所有兄弟姐妹

时间:2015-09-23 16:01:44

标签: javascript jquery parent

我想选择一个父元素和它的兄弟元素。但是,选择.parent().siblings()不包括原始元素的父级。

$(this).parent().siblings().removeClass("active"); 

我如何选择父母的兄弟姐妹和父母本身呢?

1 个答案:

答案 0 :(得分:7)

使用jQuery' addBack()方法:

$(this).parent().siblings().addBack().removeClass("active");

这会选择元素的兄弟姐妹及其本身,以便您可以删除该类。

如果您使用的jQuery版本低于1.8,请改用andSelf()

更新:我在下面添加了一个示例,以准确显示此方法的用途。



$('.active a').click(function(){
  $(this).parent().siblings().addBack().removeClass("active");
});

.active {background: yellow}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div class="active">I'm active. <a href="#">Remove all active</a></div>
<div class="active">I'm active. <a href="#">Remove all active</a></div>
<div class="active">I'm active. <a href="#">Remove all active</a></div>
<div class="active">I'm active. <a href="#">Remove all active</a></div>
<div class="active">I'm active. <a href="#">Remove all active</a></div>
&#13;
&#13;
&#13;