使用jQuery选择当前匹配的Element之后的元素？

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和它下面的一个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()