jQuery刪除所有空元素爲li的元素

Question

如何刪除空<a></a>標籤的所有<li></li>元素？

例子：

<li><a href=''>List item</a></li> //Do not delete 
<li><a href=''></a></li> //Delete 

Answer 1

你可以結合:has()/:empty jQuery選擇：

Example Here

$('li:has(a:empty)').remove(); 

Answer 2

使用下面的腳本

$("li a:empty").parent().remove(); 

僅供參考 - https://api.jquery.com/empty/

Answer 3

僅刪除li元件與空a兒童使用這樣的：

$("li > a:empty").parent().remove(); 
//OR $('li:has(>a:empty)').remove(); 

實例：

<li><a href=''>List item</a></li> <!-- not remove this --> 
<li><a href=''></a></li> <!-- remove this --> 
<li><span><a href=''></a></span></li> <!-- not remove this -->