使用jquery从父div中删除内部div

Question

考虑我的父div是parentDiv，它包含五个子div

<div id="parentDiv">
      <div>1</div>
      <div>2</div>
      <div>3</div>
      <div>4</div>
      <div>5</div>
</div>

如何使用jquery ....

清空子元素parentDiv

修改：

empty()和remove()之间的差异是什么？我该怎么用？

Answer 1

来自here

的

$("#parentDiv").empty();

Answer 2

您是否尝试过$("#parentDiv div").remove()或$("#parentDiv").empty()？

Answer 3

.empty()删除所选元素的所有子元素; .remove()删除所选元素以及任何子元素。

因此，$("#parentdiv").empty();在这里最有意义，因为你想删除子节点而不是父节点。

Answer 4

empty()删除匹配选择器的所有子节点，而remove()删除匹配的选择器。

Answer 5

remove从DOM中删除元素本身（在本例中为#parentDiv），而empty与调用$('#parentDiv').children().remove();无关，并删除所有子元素。

在这种情况下，您应该使用empty：

$('#parentDiv').empty()