jquery - 選擇乘法divs，懸停

所以我需要，當我鼠標懸停#3。 #1和#2都獲得了特定的css類。同樣如果我徘徊#5，那麼所有div獲得css類。jquery - 選擇乘法divs，懸停

而當他們不再被徘徊時，班級將從divs中刪除。

<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>

但是，我有點失去了如何做到這一點，有人可以幫助我嗎？

來源

2013-03-26 Patrick R

任何特定的邏輯應用css類.. ?? – Anujith 2013-03-26 07:51:26

檢查prevAll。它可以像這樣使用：

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

來源

2013-03-26 07:52:42 tbleckert

謝謝，完美的作品 – 2013-03-26 08:08:42

試試這個：

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

來源

2013-03-26 07:54:37

恩你剛剛拿我的答案？ – tbleckert 2013-03-26 07:55:12

現在你改變了類：P – tbleckert 2013-03-26 07:55:28

是的，你可以說這是你的答案的副本，但是當我看到你的答案並且它與我的邏輯相匹配時，我改變了'類名'。同樣在我的「答案」中，它刪除了以前應用的類，然後應用了新的類。 – 2013-03-26 08:05:40

東西看起來像這樣

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

工作demo

來源

2013-03-26 07:56:18 jhunlio

jquery - 選擇乘法divs，懸停

回答

相關問題