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

  • Post author:
  • Post category:其他


本文翻译自:

How do I check if an HTML element is empty using jQuery?


I’m trying to call a function only if an HTML element is empty, using jQuery.


我正在尝试仅在HTML元素为空时使用jQuery调用函数。


Something like this:


像这样的东西:

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

#1楼

参考:

https://stackoom.com/question/SaQl/如何使用jQuery检查HTML元素是否为空


#2楼

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

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

#3楼

!elt.hasChildNodes()


Yes, I know, this is not jQuery, so you could use this:


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

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


Happy now?


现在开心?


#4楼


White space and line breaks are the main issues with using :empty selector.


使用空白选择器时,空格和换行符是主要问题。


Careful, in CSS the :empty pseudo class behaves the same way.


小心,在CSS中:empty伪类的行为方式相同。


I like this method:


我喜欢这种方法:

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

#5楼

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

要么

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

#6楼


Are you looking for

jQuery.isEmptyObject()

?


你在寻找

jQuery.isEmptyObject()

吗?



http://api.jquery.com/jquery.isemptyobject/




http://api.jquery.com/jquery.isemptyobject/