Нахождение последовательногоэлементы, использующие jQuery

Question

Представьте, что у меня есть этот фрагмент HTML:

<div></div>
<br />
<div></div>
<br />
<img src='' alt='' />
<p></p>
<br />
<br />
<br />
<div></div>
<a href=''></a>
<br />

Который не имеет определенного правила вообще. Единственное, что я знаю, это то, что 3 последовательных <br /> элементов существуют где-то. Теперь мне нужно найти три последовательных <br /> элемента , используя jQuery, и удалить что-нибудь после них.

Как я могу это сделать?

Answer 1

$('br + br + br').nextAll().remove();

Если есть потенциальные текстовые узлы, которые нужно удалить, сделайте это:

var el = $('br + br + br')[0],
    nxt;

while( nxt = el.nextSibling ) { 
    el.parentNode.removeChild( nxt );
}

Или с большим количеством jQuery:

var el = $('br + br + br')[0],
    nxt;

while( nxt = el.nextSibling ) { 
    $( nxt ).remove();
}