How to select all siblings child together

Question

I want that if i hover on a div then add abc class in rest div

.abc{
  color:Red;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div>
 <h2>h2</h2>
 <p>p</p>
</div>
<div>
 <h2>h2</h2>
 <p>p</p>
</div>
<div>
 <h2>h2</h2>
 <p>p</p>
</div>

I want to use jquery traversing for this code

Hi, I do not fully understand your question, if you hover on one div then the rest of the divs should be given the class "abc", but the div you are hovering on should have nothing? — Kevin, Jul 09 '19 at 12:00
Possible duplicate of [CSS Sibling Selector](https://stackoverflow.com/questions/14367641/css-sibling-selector) — Davy de Vries, Jul 09 '19 at 12:12

score 1 · Accepted Answer · answered Jul 09 '19 at 12:06

I guess this will help you.

$("div").hover(function() {
    $(this).siblings("div").addClass("abc");
}, function() {
    $(this).siblings("div").removeClass("abc");
});

.abc{
  color:Red;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div>
 <h2>h2</h2>
 <p>p</p>
</div>
<div>
 <h2>h2</h2>
 <p>p</p>
</div>
<div>
 <h2>h2</h2>
 <p>p</p>
</div>

How to select all siblings child together

1 Answers1