如何使用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

只有一個jQuery選擇器

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

http://jsfiddle.net/acS9A/

Answer 2

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

我建議你在比較之前修剪html，這樣你就不會計算：

<li>
</li>

作為非空項目。 要修剪html，只需在.html()之后添加.trim() .html()即：

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

Answer 3

未經測試，請告訴我它是否適合您。

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

Answer 4

應該可以使用空選擇器：

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

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

Answer 5

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

Answer 6

您可以使用filter方法運行自定義函數來查找要刪除的元素：

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

Answer 7

請嘗試以下方法：

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

Answer 8

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