在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()