javascript - 选择对应的下一个子元素

Question

我有以下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 如果我在第二个，那么我会喜欢从中选择下一个 .one class。我认为没有 :next-child 这样的东西 .one:next-child 那么我该怎么做呢？

---

更新

@chopper 回答没问题!但如果它找不到下一个，那么它应该选择第一个 one

Answer 1

使用 jQuery .next() 选择器:

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

编辑:@KevinB 是对的，正确答案是

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

或

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