Javascript 选择CoreSponding下一个子元素

我有下面的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>

好的，现在我首先是

。一个类

，然后我想选择下一个

。一个类

，如果我在第二个类，那么我想从中选择下一个

。一个类

。我想没有像这样的

：next child

。一：next child那我该怎么办

---

更新

@直升机回答没问题！但如果找不到下一个，则应首先选择

one

使用jQuery

.next（）

选择器：

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

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

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

或

使用jQuery

.next（）

选择器：

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

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

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

或

---

我不知道你在尝试什么。如果您想要下一个

.one

，您可以使用同级选择器

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

例如，如果您想要第二个

.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 */ 
}

---

（悬停）

我不确定你在尝试什么。如果您想要下一个

.one

，您可以使用同级选择器

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

例如，如果您想要第二个

.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 */ 
}

---

---

（悬停时）

对不起，我没有理解你最初的意思。

.one

类。在我的前一个例子中。one:下一个孩子现在应该选择下一个类，但没有这样的伪选择器，但下一个类是什么？您的意思是，如果您的鼠标指针位于第一个

。一个
项目中，您想设置下一个此类项目的样式吗？我不认为CSS可以/被设计成这样。请看我更新的问题。对不起，伙计，我不知道这是否只是我。但我仍然不完全理解这个问题。所以我最好把它留给其他人：）对不起，我没有理解你最初的意思。
.one
类。在我的前一个例子中。one:下一个孩子现在应该选择下一个类，但没有这样的伪选择器，但下一个类是什么？您的意思是，如果您的鼠标指针位于第一个
。一个
项目中，您想设置下一个此类项目的样式吗？我不认为CSS可以/被设计成这样。请看我更新的问题。对不起，伙计，我不知道这是否只是我。但我仍然不完全理解这个问题。所以我最好把它留给其他人：）这是真的。然而，按照他的描述，这只能通过JS实现。否则他可以通过
选择所有的。一个
如果这不是正确的答案，那么我根本不理解这个问题。@chopper:明白。这也是我想要强调的。在纯CSS中，这在我看来是不可能的。是的，在CSS中没有他所描述的状态概念（“我是第一个。一个”。@chopper:我已经删除了我的评论，因为OP已经标记了jQuery:），这是真的。然而，按照他的描述，这只能通过JS实现。否则他可以通过
选择所有的。一个
如果这不是正确的答案，那么我根本不理解这个问题。@chopper:明白。这也是我想要强调的。在纯CSS中，这在我看来是不可能的。是的，在CSS中没有他所描述的状态概念（“我是第一个。一个”）。@chopper:我已经删除了我的评论，因为OP已经标记了jQuery:），但是如何找到当前的一个并为下一个设置样式？@Harry CSS仅用于应用样式。如果OP想要找到元素，那么他/她必须动态地做。确切地说，我只是想强调一下。正如我对下面的答案所说的，不要误解我的意思。我并不是要否定：）@Harry一点也不。你说得对，你有权争辩：）。但是如何找到当前的一个，并为下一个设置样式呢？@Harry CSS只用于应用样式。如果OP想要找到元素，那么他/她必须动态地做。确切地说，我只是想强调一下。正如我对下面的答案所说的，不要误解我的意思。我不是想否定：）@哈利，一点也不，伙计。你说得对，你有权争辩：）。