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

Answer 2

试试这个：

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

Answer 3

看起来像这样的东西

JS

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

工作demo

Jquery - 在悬停时选择多个div

3 个答案: