在jQuery中选择当前匹配元素之后的元素？

Question

我有HTML这样的：

<div id="Div1">...</div> 
<div class="someClass">...</div> 
<div id="Div2">...</div> 
<div class="someClass">...</div> 
<div id="Div3">...</div> 
<div class="someClass">...</div> 

所以我有独特的DIV但也有一些是相互区分。 我想删除一个div和它下面的人，比如我想删除Div2的和下面的SomeClass的直到结束：

<div id="Div1">...</div> 
<div class="someClass">...</div> <!-- That is the one after Div1 --> 
<div id="Div3">...</div> 
<div class="someClass">...</div> 

我假设Next Siblings selector ~会有所帮助，但删除所有。试图使用：首先没有做任何事情。

$("#Div2 ~ .someClass:first").remove(); 

Answer 1

尝试

$("#Div2 ~ .someClass").first().remove(); 

您还可以使用next adjacent selector：

$("#Div2 + .someClass").remove(); 

Answer 2

Another fun way to do the same thing

$("#Div2").next().remove().end().remove(); 

Answer 3

更创新：

$("#Div2").next().andSelf().remove()