jquery删除行为

我有下面的html

<div class="foobar"> 
  <div> child 1 </div>
  <div> child 2 </div>
  <ul>
    <li> list elem 1 </li>
    <li> list elem 2 </li>
    <li> list elem 3 </li>
  </ul>
</div>

但是，当我尝试此方法时，它似乎不起作用：

$(".foobar").remove("ul");

---

只是试图理解……

删除方法不会删除与选择器匹配的内部元素，而是删除组中与选择器匹配的元素。 例如，这将删除第一个和第三个div：

<div class="remove">jquery</div>
<div>remove</div>
<div class="remove">test</div>

实际上，将选择器放在remove中是非常无用的，因为您还可以执行以下操作：

$('div.remove').remove();

---

同样的事情也会发生。

删除方法不会删除与选择器匹配的内部元素，而是删除组中与选择器匹配的元素。 例如，这将删除第一个和第三个div：

<div class="remove">jquery</div>
<div>remove</div>
<div class="remove">test</div>

实际上，将选择器放在remove中是非常无用的，因为您还可以执行以下操作：

$('div.remove').remove();

---

同样的事情也会发生。

这也会起作用，尽管在您的示例中，没有理由这样写，只需要额外的代码

$(".foobar").children("ul").remove();

---

如果您在DOM树的下一级还有其他“ul”，并且您只想删除直接子元素，那么这个将非常有用。

这也会起作用，尽管在您的示例中没有理由这样写，只需要额外的代码

$(".foobar").children("ul").remove();

如果DOM树下还有其他“ul”，并且您只想删除直接子元素，那么这个将非常有用