JQuery - получить все HTML между некоторыми тегами

Question

мне нужно, чтобы очистить веб-сайт, который выглядит следующим образом:

<p></p> 

<!-- I want to get HTML from here... --> 

<h2> </h2> 
<table> </table> 

<h2> </h2> 
<table> </table> 

<h2> </h2> 
<table> </table> 

<!-- to here --> 

<div> </div> 

<h2> </h2> 
<table> </table> 

Как аннотированный выше, я хочу, чтобы получить все HTML между <p> и <div>. Я не хочу <h2> и <table> ниже div.

Есть ли хороший способ очистить эти части? Если это возможно, я хочу избежать привязки дочернего индекса.

Благодаря

Answer 1

$('p').nextUntil('div').addClass('add')

.add{color:red}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<p></p> 
 

 
<!-- I want to get HTML from here... --> 
 

 
<h2> I want to get HTML from here...</h2> 
 
<table><tr><td>I want to get HTML from here...</td></tr> </table> 
 

 
<h2> I want to get HTML from here...</h2> 
 
<table><tr><td>I want to get HTML from here...</td></tr> </table> 
 

 
<h2> I want to get HTML from here...</h2> 
 
<table><tr><td>I want to get HTML from here...</td></tr> </table> 
 

 
<!-- to here --> 
 

 
<div> </div> 
 

 
<h2> </h2> 
 
<table> </table>

Применение .nextUntil()

Получить все последующих братьев каждого элемента до, но не включая элемент согласованный с помощью селектора, DOM узла, или JQuery объект прошел.

Answer 2

Используйте .nextUntil(), чтобы получить следующий элемент от конкретного элемента к любому конкретному элементу.

console.log($("p:first").nextUntil("div"))

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<p></p> 
 

 
<!-- I want to get HTML from here... --> 
 

 
<h2> </h2> 
 
<table> </table> 
 

 
<h2> </h2> 
 
<table> </table> 
 

 
<h2> </h2> 
 
<table> </table> 
 

 
<!-- to here --> 
 

 
<div> </div> 
 

 
<h2> </h2> 
 
<table> </table>