Выбор элемента после соответствующего элемента с помощью 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 ~ поможет, но это удалит все. Пытаюсь использовать: сначала ничего не делал.

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

Answer 1

Попробуйте

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

Вы также можете использовать следующий соседний селектор :

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

Answer 2

Чтобы быть более инновационным:

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

Answer 3

Еще один интересный способ сделать то же самое

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