如何删除包含特定子项的 li

How to remove a li containing a specific child?

本文关键字:li 包含特 何删除 删除      更新时间:2023-09-26

所以说我有:

<li>
    <span id="foo">bar</span>
</li>
<li>
    <span id="abc">123</span>
</li>

我想删除带有子"span id=foo"的 li。如何使用 Jquery 执行此操作?

我尝试了类似的东西:

$("li:has(span[id=foo])").remove();

似乎不起作用...有什么想法吗?谢谢!

试试这个:

$("li:has(span#foo)").remove();

演示

但似乎您的代码工作正常。看这里

选择子项,而不是父项:

$('#foo').closest('li').remove();

JS小提琴演示。

或:

$('li:has(#foo)').remove();

JS小提琴演示。

引用:

  • closest() .
  • :has()选择器。