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

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

就像这样:

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

当前回答

下面是一个基于https://stackoverflow.com/a/6813294/698289的jQuery过滤器

$.extend($.expr[':'], {
  trimmedEmpty: function(el) {
    return !$.trim($(el).html());
  }
});

其他回答

试试这个:

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

在resume中，有很多选项可以判断一个元素是否为空:

1-使用html:

if (!$.trim($('p#element').html())) {
    // paragraph with id="element" is empty, your code goes here
}

2-使用文本:

if (!$.trim($('p#element').text())) {
    // paragraph with id="element" is empty, your code goes here
}

3-使用is(':empty'):

if ($('p#element').is(':empty')) {
    // paragraph with id="element" is empty, your code goes here
}

4-使用长度

if (!$('p#element').length){
    // paragraph with id="element" is empty, your code goes here
}

在addiction中，如果你想知道输入元素是否为空，可以使用val:

if (!$.trim($('input#element').val())) {
    // input with id="element" is empty, your code goes here
}

你可以试试:

if($('selector').html().toString().replace(/ /g,'') == "") {
//code here
}

*替换空格，以防万一;)

if($("#element").html() === "")
{

}

香草javascript解决方案:

if(document.querySelector('#element:empty')) {
  //element is empty
}

请记住，空格会影响空，但注释不会。有关更多信息，请检查MDN关于空伪类。

推荐文章