0

私は次のhtmlを持っています

<div id="test">
<p class="one"></p> <---first one----->
<p class="two"></p>
<p class="three"></p>
<p class="four"></p>
<p class="one"></p> <---second one---->
<p class="two"></p>
<p class="three"></p>
<p class="four"></p>
<p class="one"></p> <--- third one----->
<p class="two"></p>
<p class="three"></p>
<p class="four"></p>
</div>

わかりました。最初.one classは次を選択.one classし、2 番目の場合は.one classこの中から次を選択します。:next-childこのようなことはないと思うのですが.one:next-child、どうすればよいでしょうか？

アップデート

@チョッパーの答えは大丈夫です！ただし、次のものが見つからない場合は、最初に選択する必要がありますone

4

2 に答える 2

3

jQuery.next()セレクターを使用します。

var secondOne = firstOne.next('.one');

編集：@KevinBは正しいです、正しい答えは

var secondOne = firstOne.nextAll('.one:first');

また

var secondOne = firstOne.nextAll('.one').first();
于 2013-09-23T06:54:45.690 に答える
1

あなたが何をしようとしているのかわからない。次.oneが必要な場合は、兄弟セレクターを使用できます。

p.one ~ p.one ~ p.one{
    background-color: green;
}

働くフィドル

たとえば、2 番目が必要な場合は、次の.oneようにします。

p.one ~ p.one {
     /* apply styles */   /* selects all sibling elements */
}

p.one ~ p.one ~ p.one{           /* overriding css  styles */
     /* apply default styles */  /* selects all other sibling elements leaving the second element */ 
}

ワーキングフィドル（ホバー時）

于 2013-09-23T06:59:16.353 に答える