在H1之前删除休息时间

Question

我有一个像这样的页面：

<div id="contBody">
    <br />
    <br />
    <!-- Maybe more, it's a variable number of <br /> that can appear -->
    <h1 id="header">Test</h1>
</div>

由于<br />之前<h1>的数量不同而我想以编程方式删除它们，我怎么能用jQuery来做呢？

Answer 1

如果要在h1元素之前删除所有这些元素，请执行以下操作：

$('br + h1').prevAll('br').remove();

使用next-adjacent-selector^[docs]，会找到至少一次<h1>元素之前的所有<br>元素。

然后，它使用prevAll()^[docs]方法选择以前的<br>元素，使用remove()^[docs]方法删除它们。

Answer 2

您可以使用.prevAll()和.remove()找到它们，如下所示：

$("#header").prevAll("br").remove();