javascript - 如何使用 jQuery 检查 HTML 元素是否为空？

Question

我尝试仅在 HTML 元素为空时调用函数，使用 jQuery。

类似这样的:

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

Answer 1

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 插件，但你明白了。