选择父母及其所有兄弟姐妹[重复]

Question

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

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

如何选择父母的兄弟姐妹和父母本身？

Answer 1

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