如何使用jquery刪除ul列表中的空li？

Question

我有以下HTML結構：

<ul> 
    <li><a>one</a></li> 
    <li><a>two</a></li> 
    <li></li> 
    <li><a>three</a></li> 
    <li><a>four</a></li> 
    <li></li> 
    <li><a>five</a></li> 
</ul> 

我需要刪除li元件，其不具有任何內容（<li></li>）。

我該如何在jQuery中做到這一點？

Answer 1

$('li').each(function(){ 
if($(this).html() == "" || typeof($(this).html())=="undefined") 
{ 
    $(this).remove 
} 
}) 

我會建議你在對比之前修剪HTML，這樣你就不會最終計數：

<li> 
</li> 

爲非空項目。 要修剪的HTML，只需經過.html()即添加.trim()：

if($(this).html().trim() == "" || typeof($(this).html().trim())=="undefined") 

Answer 2

未經檢驗的，所以讓我知道，如果它不爲你工作。

$('li').each(function() { 
    var li = $(this); 
    if (li.html() == '') { 
     li.remove(); 
    } 
}); 

Answer 3

$('li').each(
     function(){ 
      if($(this).html().trim()==''){$(this).remove();} 
     } 
); 

Answer 4

只需jQuery選擇

$("ul li:empty").remove(); 

http://jsfiddle.net/acS9A/

Answer 5

可以使用filter方法來運行一個自定義函數找到的元素刪除：

$('ul li').filter(function(){ return $(this).text() == '' }).remove(); 

Answer 6

應該能夠使用empty選擇：

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

http://jsfiddle.net/infernalbadger/4yf2t/

Answer 7

嘗試以下操作：

$('li').filter(function() { return !$(this).html(); }).remove(); 

Answer 8

 

$('ul li:empty').remove(); 
//OR 
$('ul li').filter(function() {return $(this).text()​​​​​​​ == '';}).remove();​