如何删除所选元素后的所有元素？

Question

这是我的问题：我必须选择并删除所有跟随一个精确元素的元素。

以下是我的网页结构的示例：

<h2>
<span class="myClass" id="Note">Note</span>
</h2>
<ol class="secondClass">...</ol>
<h2>...</h2>
<ul>...</ul>
<h2>...</h2>
<ul>...</ul>
<table class="tableOne">...</table>
<div class="otherClass">

特别是我必须在<span class="myClass" id="Note">Note</span>

之后删除所有元素

我阅读了很多关于NextAll() Jquery Selector的主题，但是我无法解决我的问题。

Answer 1

.nextAll（）定位兄弟姐妹，你的跨度没有。也许你应该瞄准它的父母。例如，

$(".myClass").parent().nextAll().remove()

Answer 2

问题是nextAll只能获得兄弟元素。对于此问题的通用解决方案，如果使用nextAll，则需要在元素和所有父元素上调用它：

$(".myClass").parents().andSelf().nextAll().remove();