Html 如何删除选定元素之后的所有元素?

Html 如何删除选定元素之后的所有元素?,html,jquery-selectors,Html,Jquery Selectors,这就是我的问题:我必须选择并删除一个精确元素后面的所有元素 以下是我的网页结构示例: <h2> <span class="myClass" id="Note">Note</span> </h2> <ol class="secondClass">...</ol> <h2>...</h2> <ul>...</ul> <h2>...</h2> <ul&g

这就是我的问题:我必须选择并删除一个精确元素后面的所有元素

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

<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">

注
...
...
...
...
特别是,我必须删除
注释

我读了很多关于
NextAll()
Jquery选择器的主题,但是我无法解决我的问题。

.NextAll()以兄弟姐妹为目标,而您的span没有任何问题。也许你应该瞄准它的父母。例如

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

问题是
nextAll
只获取同级元素。对于此问题的一般解决方案,如果使用
nextAll
,则需要在元素和所有父元素上调用它:

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

在该DOM节点(
h2
)的跨度之后没有元素。那可能就是你的问题。然而,由于您未能提供代码,所以很难说。