使用jQuery查找连续的<br/>元素

Question

想象一下，我有这个HTML片段：

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

根本没有明确的规则。我唯一知道的是， 3 连续的<br />元素存在于某处。现在，我需要使用jQuery找到连续三个<br />元素，并删除它们之后的任何内容。

我该怎么做？

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