1

だから私は必要です、私がマウスオーバーしたとき#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>

しかし、私はこれをどのように行うことができるかについて少し迷っています、誰かが私を助けることができますか？

4

3 に答える 3

6

prevAllを確認してください。次のように使用できます。

$('.rateStar').on('mouseover', function () {
    $(this).prevAll('.rateStar').addClass('glow');
});
于 2013-03-26T07:52:42.207 に答える
0

これを試して：

$('.rateStar').on('mouseover', function () {
    $('.rateStar').removeClass('newclass');
    $(this).prevAll('.rateStar').addClass('newclass');
});
于 2013-03-26T07:54:37.150 に答える
0

こんな感じ

js

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

作業デモ

于 2013-03-26T07:56:18.580 に答える