在给定标记之后删除所有标记

Question

我有这个HTML

<div>
    <p></p>
    <!-- here may be several tags, may be none -->
</div>

我想点击文档，删除所有标记，这可能会在<p>标记之后，（<p>标记可能是几个并且可能是无标记之后），请告诉我，如何制作此标记？

$(document).on("click", function () {
    // ???
})

Answer 1

$(document).on("click", function () {
    $('div > p').nextAll().remove();
})

Answer 2

您可以使用.nextAll()方法：

$(document).on("click", function () {
  $('div>p').nextAll().remove();
})

我建议用class或id命名你的特定元素。