我试图仅在 HTML 元素为空时才使用 jQuery 调用函数。
像这样的东西：
if (isEmpty($('#element'))) {
// do something
}
如何使用 jQuery 检查 HTML 元素是否为空？
IT技术
javascript
jquery
2021-01-17 00:07:59
6个回答
if ($('#element').is(':empty')){
//do something
}
有关更多信息，请参阅http://api.jquery.com/is/和http://api.jquery.com/empty-selector/
编辑：
正如一些人指出的那样，浏览器对空元素的解释可能会有所不同。如果您想忽略不可见元素，例如空格和换行符，并使实现更加一致，您可以创建一个函数（或仅使用其中的代码）。
function isEmpty( el ){
return !$.trim(el.html())
}
if (isEmpty($('#element'))) {
// do something
}
你也可以把它变成一个 jQuery 插件，但你明白了。
我发现这是唯一可靠的方法（因为 Chrome 和 FF 将空格和换行符视为元素）：
if($.trim($("selector").html())=='')
空格和换行符是使用 :empty 选择器的主要问题。小心，在 CSS 中 :empty 伪类的行为方式相同。我喜欢这个方法：
if ($someElement.children().length == 0){
someAction();
}
!elt.hasChildNodes()
是的，我知道，这不是 jQuery，所以你可以使用它：
!$(elt)[0].hasChildNodes()
现在开心？
jQuery.fn.doSomething = function() {
//return something with 'this'
};
$('selector:empty').doSomething();