Jquery - 在悬停时选择多个 div

Question

所以我需要，当我将鼠标悬停在 #3 上时。 #1 和 #2 都获得了特定的 css 类。如果我将鼠标悬停在 #5 上也是如此，那么所有的 div 都会获得 css 类。

当它们不再悬停时，该类就会从 div 中移除。

<div class="rateStar"><a href="#1"><img src="/images/images/stars.png"/></a></div>
<div class="rateStar"><a href="#2"><img src="/images/images/stars.png"/></a></div>
<div class="rateStar"><a href="#3"><img src="/images/images/stars.png"/></a></div>
<div class="rateStar"><a href="#4"><img src="/images/images/stars.png"/></a></div>
<div class="rateStar"><a href="#5"><img src="/images/images/stars.png"/></a></div>

但是我对如何做到这一点有点迷茫，有人可以帮助我吗？

Answer 1

检查 prevAll .可以这样使用:

$('.rateStar').on('mouseover', function () {
    $(this).prevAll('.rateStar').addClass('glow');
});