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，只需在.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

应该可以使用empty选择器：

$('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();

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

8 个答案: