首页 > web前端 > js教程 > 正文

jquery如何使用if判断标签内容不为空

coldplay.xixi
发布: 2023-01-04 09:37:44
原创
4198 人浏览过

jquery使用if判断标签内容不为空的方法:1、标签有设置id属性时,使用【$("#id")】获取标签即可;2、对于没有设置id的标签,使用类似jsoup表达式来获取,代码为【var nameVal = $("#aaa input[]】。

jquery如何使用if判断标签内容不为空

本教程操作环境:windows7系统、jquery3.2.1版本,Dell G3电脑。

推荐:jquery视频教程

jquery使用if判断标签内容不为空的方法:

问题描述

需要判断用户是否选中列表中的选项或者输入了自定义的内容是否不为空,不为空才进行下一步操作,否则提示用户。

<p id="namep">姓名:
    <input type="text" class="name"></input>
</p>
登录后复制

解决方法

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

// $(document).ready(function(){ ... });
// 标签有设置 id 属性时,使用 $("#id") 获取标签即可
// 对于没有设置 id 的标签,使用类似jsoup表达式来获取
var nameVal = $("#aaa input[class=&#39;name&#39;]").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。

相关免费学习推荐:javascript学习教程

以上是jquery如何使用if判断标签内容不为空的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板