Как удалить все элементы после выбранного элемента?

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();