javascript - 如何删除包含特定孩子的 li？

Question

所以说我有：

<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();

似乎没有工作......有什么想法吗？谢谢！

Answer 1

选择孩子，而不是父母：

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

JS 小提琴演示。

或者：

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

JS 小提琴演示。

参考：

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

Answer 2

试试这个：

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

演示

但似乎您的代码运行良好。看这里