jquery - 選択したクラスだけを jquery でターゲットにする

Question

次のコードがあります。

$('.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>

これを編集して、1 つの '.time-span' クラスのみをターゲットにする方法はありますか (ドキュメントに複数あり、ID を使用できません)。

ありがとう

Answer 1

あなたのマークアップから、特定のセクションにホバーを書きたいと思う..

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

Answer 2

cssセレクターとしての「：eq（x）」を参照してください。

：eq（）セレクター

元：

$('.time-span:eq(0)').hover(function () { //:eq(0) for first occurence
    $('.leftRadius,.rightRadius').addClass('hovered');
}

Answer 3

ここでも get(index) を使用できます。

$('.time-span').get(0).hover(function () ...