如何一起选择所有兄弟姐妹的孩子

Question

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

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