本文翻译自:
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/