Выбор элемента после текущего элемента с 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> 

Так что у меня уникальные DIVs, но и некоторые, которые ничем не отличаются друг от друга. Я хочу, чтобы удалить 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()