jquery如何判断元素内容是否为空?

这篇文章主要介绍了jQuery验证元素是否为空的两种常用方法,实例分析了两种常用的判断为空技巧,非常具有实用价值,需要的朋友可以参考下。

jquery如何判断元素内容是否为空?

下面提供了两种方法用于检查指定id的元素的内容是否为空,当然了,不仅仅适用于指定了id的元素,同样适用于其他元素,只需要改变选择器即可。

一、使用html()方法获取元素内容,再通过if进行判断

if (!$('#app').html()) {
    alert('元素内容为空')
}

(相关课程推荐:jQuery教程

二、使用:empty伪类进行判断

if ($('#app').is(":empty")) {
    alert('元素内容为空')
}

html()

在一个 HTML 文档中, 我们可以使用 .html() 方法来获取任意一个元素的内容。 如果选择器匹配多于一个的元素,那么只有第一个匹配元素的 HTML 内容会被获取。

:empty()

:empty选择器选择每个没有任何子级的元素(包括文本节点)

本文来自jQuery答疑栏目,欢迎学习!

以上就是jquery如何判断元素内容是否为空?的详细内容,更多请关注易知道|edz.cc其它相关文章!

推荐阅读