如何 select 所有兄弟姐妹 child 在一起

Question

我希望，如果我将鼠标悬停在 div 上，然后在休息时添加 abc class 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>

我想对这段代码使用jquery遍历

Answer 1

我想这会对你有所帮助。

$("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>

如何 select 所有兄弟姐妹 child 在一起

How to select all siblings child together

jquery

jquery-traversing