jquery 判断空

jQuery 判断空的几种方法

使用 jQuery 判断元素是否为空（empty）或内容为空字符串（blank）是常见的操作需求。以下是几种常用的方法：

判断元素是否为空（无子元素）

if ($('#element').is(':empty')) {
  // 元素没有子节点（包括文本节点）
}

判断元素内容是否为空字符串

if ($.trim($('#input').val()) === '') {
  // 输入框值为空（去除前后空格后）
}

检查多个元素是否为空

$('.elements').each(function() {
  if ($(this).is(':empty')) {
    // 处理空元素
  }
});

判断文本内容是否为空

if ($.trim($('#div').text()) === '') {
  // div内没有文本内容（去除空格后）
}

判断表单元素是否为空

$('form').submit(function() {
  let isEmpty = false;
  $('input[required]').each(function() {
    if ($.trim($(this).val()) === '') {
      isEmpty = true;
      return false; // 退出循环
    }
  });
  if (isEmpty) {
    // 处理空字段情况
  }
});

注意事项

• :empty 选择器匹配没有任何子元素（包括文本节点）的元素
• 使用 $.trim() 去除字符串前后空格可以更准确地判断空值
• 对于表单验证，建议结合 HTML5 的 required 属性一起使用