如何删除含有特定孩子的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 Fiddle demo

或者：

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

JS Fiddle demo

参考文献：

• closest()。
• :has() selector。

Answer 2

试试这个：

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

<强> DEMO

但似乎你的代码工作正常。的 See here