我想选择一个父元素和它的兄弟元素。但是,选择.parent().siblings()
不包括原始元素的父级。
$(this).parent().siblings().removeClass("active");
我如何选择父母的兄弟姐妹和父母本身呢?
答案 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;