Select parent and all its siblings

Question

I want to select an elements parent and it's siblings. However, choosing the .parent().siblings() does not include the original elment's parent.

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

How can I select the parent's siblings and the parent itself too?

You want to remove class from both parent and it's siblings? — Tushar, Sep 23 '15 at 16:03

Wes Foster · Answer 1 · 2015-09-23T16:31:40.223

7

Use jQuery's addBack() method:

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

This selects an element's siblings, and itself, so that you can remove the class.

If you're using a jQuery version less than 1.8, use andSelf() instead.

Update: I've added an example below to show exactly what this method will do.

$('.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>

edited Sep 23 '15 at 16:31

answered Sep 23 '15 at 16:03

Wes Foster

8,770
5
42
62

`andSelf` is deprecated. – Barmar Sep 23 '15 at 16:06
Doesn't this select the parent's siblings and the original element? What I want is to select the parent's siblings and the original element's PARENT. – ink Sep 23 '15 at 16:22
It selected the original item's parent, and its siblings. I've added an example to my answer. – Wes Foster Sep 23 '15 at 16:32

Select parent and all its siblings

1 Answers1