1

私のコード:

<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 div1 の div の後にすべてを削除する方法はありますが、ボタンをクリックしたときにハイパーリンクを保持すると、最終的に次のようになります。

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

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

2 に答える 2

2

jQueryを使用していると仮定しているので、nextAll(':not(a)')うまくいくはずです。

ワーキングデモ。

于 2013-04-14T15:57:00.860 に答える
2

:notおよび:last-childセレクターと一緒にnextAll()メソッドを使用できます。

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

ワーキングデモ

于 2013-04-14T15:57:18.820 に答える