jquery - Jquery - 悬停时选择乘法div

Question

所以我需要，当我 mouseover 时#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');
});

Answer 2

看起来像这样

js

$('div').hover(function() {
    $('div').not($(this)).stop().animate({
        opacity: .3
    }, 500);
}, function() {
    $('div').stop().animate({
        opacity: 1
    });
}, 250);

工作演示

Answer 3

尝试这个：

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