我试图调用一个函数,只有当一个HTML元素是空的,使用jQuery。
就像这样:
if (isEmpty($('#element'))) {
// do something
}
我试图调用一个函数,只有当一个HTML元素是空的,使用jQuery。
就像这样:
if (isEmpty($('#element'))) {
// do something
}
当前回答
document.getElementById("id").innerHTML == "" || null
or
$("element").html() == "" || null
其他回答
香草javascript解决方案:
if(document.querySelector('#element:empty')) {
//element is empty
}
请记住,空格会影响空,但注释不会。有关更多信息,请检查MDN关于空伪类。
如果你说的“空”是指没有HTML内容,
if($('#element').html() == "") {
//call function
}
下面是一个基于https://stackoverflow.com/a/6813294/698289的jQuery过滤器
$.extend($.expr[':'], {
trimmedEmpty: function(el) {
return !$.trim($(el).html());
}
});
试试这个:
if (!$('#el').html()) {
...
}
换行符被认为是FF中元素的内容。
<div>
</div>
<div></div>
Ex:
$("div:empty").text("Empty").css('background', '#ff0000');
在IE中,两个div都被认为是空的,在FF和Chrome中,只有最后一个是空的。
您可以使用@qwertymk提供的解决方案
if(!/[\S]/.test($('#element').html())) { // for one element
alert('empty');
}
or
$('.elements').each(function(){ // for many elements
if(!/[\S]/.test($(this).html())) {
// is empty
}
})