如何使用jQuery检查HTML元素是否为空?

我试图调用一个函数，只有当一个HTML元素是空的，使用jQuery。

就像这样:

if (isEmpty($('#element'))) {
    // do something
}

当前回答

!elt.hasChildNodes()

是的，我知道，这不是jQuery，所以你可以使用这个:

!$(elt)[0].hasChildNodes()

现在快乐吗?

其他回答

document.getElementById("id").innerHTML == "" || null

$("element").html() == "" || null

空格和换行符是使用:empty选择器的主要问题。注意，在CSS中:empty伪类的行为与此相同。我喜欢这个方法:

if ($someElement.children().length == 0){
     someAction();
}

!elt.hasChildNodes()

是的，我知道，这不是jQuery，所以你可以使用这个:

!$(elt)[0].hasChildNodes()

现在快乐吗?

试试这个:

if (!$('#el').html()) {
    ...
}

我发现这是唯一可靠的方法(因为Chrome和FF认为空格和换行符作为元素):

if($.trim($("selector").html())=='')

推荐文章