如何刪除包含特定孩子的li？

Question

所以說我有：

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

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

，我想刪除與子「跨度ID = foo」的李。我如何用JQuery來做到這一點？

我想是這樣的：

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

似乎沒有工作...有什麼想法？謝謝！

Answer 1

就試試這個：

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

DEMO

但好像你的代碼是剛剛工作的罰款。 See here

Answer 2

選擇子，不是父：

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

JS Fiddle demo。

或者：

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

JS Fiddle demo。

參考文獻：

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