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');
});