Question

我的代码：

<div id="main">
    <div id="div1">Keep this div</div>
    <div>1</div>
    <div>2</div>
    <div>3</div>
    <p>4</p>  
    <a href="">Keep this hyperlink</a>
</div>

<button id="button">Clear</button>

我怎样才能删除id为div div的div之后的所有内容，但在点击最终如下所示的按钮时保留超链接：

<div id="main">
    <div id="div1">Keep this div</div>
    <a href="">Keep this hyperlink</a>
</div>

<button id="button">Clear</button>

Answer 1

我假设您正在使用jQuery，因此nextAll(':not(a)')应该可以正常工作。

Working Demo

Answer 2

您可以使用nextAll()方法以及:not和:last-child选择器：

$("#button").click(function() {
    $("#div1").nextAll(':not(:last-child)').remove();
});

<强> Working Demo

如何删除HTML的某些部分

2 个答案: