0

我有以下代码；

$('.time-span').hover(function () {
    $('.leftRadius,.rightRadius').addClass('hovered');
},
function () {
    $('.leftRadius,.rightRadius').removeClass('hovered'); 
});

我的标记如下所示：

<DIV class=leftRadius></DIV>
<A class=time-span ></A>
<DIV class=rightRadius></DIV>

<DIV class=leftRadius></DIV>
<A class=time-span ></A>
<DIV class=rightRadius></DIV>

<DIV class=leftRadius></DIV>
<A class=time-span ></A>
<DIV class=rightRadius></DIV>

如何编辑它以仅针对一个“.time-span”类（我的文档中有多个，我不能使用 id）？

谢谢

4

3 回答 3

4

从您的标记中，我认为您想为特定部分写一个悬停..

$('.time-span').hover(function () {
    $(this).prev().addClass('hovered');
    $(this).next().addClass('hovered');
},
function () {
    $(this).prev().removeClass('hovered');
    $(this).next().removeClass('hovered');
});

或者简单地说，

$('.time-span').hover(function () {
    $(this).prev().toggleClass('hovered');
    $(this).next().toggleClass('hovered');
});
于 2012-10-22T16:27:29.777 回答
2

参见 ':eq(x)' 作为 css 选择器：

:eq() 选择器

前任：

$('.time-span:eq(0)').hover(function () { //:eq(0) for first occurence
    $('.leftRadius,.rightRadius').addClass('hovered');
}
于 2012-10-22T16:15:50.653 回答
-1

您也可以在这里使用 get(index) ，即：

$('.time-span').get(0).hover(function () ...
于 2012-10-22T16:25:26.223 回答