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

jquery如何判断元素是否有内容?元素的内容是否为空?下面本篇文章给大家介绍一下。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。

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

可以先使用jquery方法(例:text()、html()或val())来获取元素的内容,然后判断元素内容是否为空,这样就可判断断元素中是否含有内容了。

示例:

<p id="namep">姓名:
    <input type="text" class="name"></input>
</p>

获取指定标签的内容,进行判空处理

// $(document).ready(function(){ ... });
// 标签有设置 id 属性时,使用 $("#id") 获取标签即可
// 对于没有设置 id 的标签,使用类似jsoup表达式来获取
var nameVal = $("#aaa input[class='name']").val();
if(nameVal == null || nameVal == "" || nameVal == undefined){
    alert("name输入框为空,没人内容");
}

备注:

1、获得内容 - text()、html() 以及 val() 三种方式的区别

text() - 设置或返回所选元素的文本内容

html() - 设置或返回所选元素的内容(包括 HTML 标记)

val() - 设置或返回表单字段的值

2、如果标签是动态添加的,需要考虑 undefined 的情况。

undefined 表示”缺少值”,就是指定标签应该有一个值,但是还没有定义,如果html里面还没生成该指定标签,其内容当然也是没有定义的,转为数值为NaN。一般出现的情况如下:

(1)变量被声明了,但没有赋值,直接使用时该变量值为 undefined;

(2)调用函数时,应该提供的参数没有提供,该参数等于 undefined;

(3)对象没有赋值的属性,该属性的值为 undefined;

(4)函数没有返回值时,默认返回 undefined。

更多web开发知识,请查阅 HTML中文网 !!

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

推荐阅读