[原创]jquery判断元素内容是否为空的方法


Posted in jQuery onMay 04, 2018

用jquery获取元素内容需要分两个情况:

input 用val();

var value = $('#test').val();

是否为空的判断方法:

if(value.length == 0){} 如果value为空执行的操作

if(value!=''){} 如果value不为空执行的操作

jQuery验证文本框内容不为空

通过$.fn 扩展jQuery方法

/**
 * 校验文本是否为空
 * tips:提示信息
 * 使用方法:$("#id").validate("提示文本");
 * @itmyhome
 */
$.fn.validate = function(tips){

  if($(this).val() == "" || $.trim($(this).val()).length == 0){
    alert(tips + "不能为空!");
    throw SyntaxError(); //如果验证不通过,则不执行后面
  }
}

html元素用html();

var value = $('#test').html();

是否为空的判断方法:

if(value.length == 0){

 也可以通过判断是说有没有子节点?对于html获取的方法可用

$('#list').children().length === 0 。

方法一

<script type="text/javascript" src="http://m.3water.com/skin/mobile/js/jquery.min.js"></script>
<div><ul id="thelist2">
<li><a href="https://m.3water.com/game/140209.html"><img src="//img.jbzj.com/do/uploads/litimg/140228/100331632c.jpg">天天飞车航哥破解版</a><em class="xj star5"></em></li>
<li><a href="https://m.3water.com/game/143515.html"><img src="//img.jbzj.com/do/uploads/litimg/140314/0944332514F.jpg"> 节奏大师全P破解版</a><em class="xj star6"></em></li>
<li><a href="https://m.3water.com/game/207971.html"><img src="//img.jbzj.com/do/uploads/litimg/140821/11594R51423.gif">海岛奇兵国服内购破解版</a><em class="xj star5"></em></li>
<li><a href="https://m.3water.com/game/144709.html"><img src="//img.jbzj.com/do/uploads/litimg/140318/161504236013.gif">天天炫斗破解版</a><em class="xj star5"></em></li>
<li><a href="https://m.3water.com/game/80896.html"><img src="//img.jbzj.com/do/uploads/litimg/130503/1J21Va46.jpg">完美女友完整版</a><em class="xj star5"></em></li>
</ul>
<div><ul id="thelist3"></ul>
<script>
alert($('#thelist2').children().length)
alert($('#thelist3').children().length)
$thelist3 = $('#thelist3');
if($thelist3.children().length==0){
//插入广告
}
/*
thel3con = $('#thelist3').html();
alert(thel3con.length);
if(thel3con=""){
alert("空");

}else{
alert("非空");
}
*/
</script>

方法二、

String.prototype.isEmpty = function () {
 var s1 = this.replace(/[\r\n]/g, '').replace(/[ ]/g, ''),
   s2 = (s1 == '') ? true : false;
 return s2;
};
$list.html().isEmpty();

if( $("#list").html() === "" ){} 用三个等号更符合

jQuery 相关文章推荐
jquery实现简单实用的轮播器
May 23 jQuery
使用jQuery.Pin垂直滚动时固定导航
May 24 jQuery
利用jquery去掉时光轴头尾部线条的方法实例
Jun 16 jQuery
jQuery实现的简单前端搜索功能示例
Oct 28 jQuery
如何用input标签和jquery实现多图片的上传和回显功能
May 16 jQuery
jQuery实现的简单获取索引功能示例
Jun 04 jQuery
jQuery md5加密插件jQuery.md5.js用法示例
Aug 24 jQuery
JQuery搜索框自动补全(模糊匹配)功能实现示例
Jan 08 jQuery
jQuery层叠选择器用法实例分析
Jun 28 jQuery
JavaScript自动生成 年月范围 选择功能完整示例【基于jQuery插件】
Sep 03 jQuery
jQuery实现滑动星星评分效果(每日分享)
Nov 13 jQuery
jquery实现吸顶导航效果
Jan 08 jQuery
jQuery实现每隔一段时间自动更换样式的方法分析
May 03 #jQuery
基于jquery实现左右上下移动效果
May 02 #jQuery
jQuery实现遍历XML节点和属性的方法示例
Apr 29 #jQuery
jQuery实现的电子时钟效果完整示例
Apr 28 #jQuery
vue+jquery+lodash实现滑动时顶部悬浮固定效果
Apr 28 #jQuery
jQuery实现鼠标滑过商品小图片上显示对应大图片功能【测试可用】
Apr 27 #jQuery
jQuery实现DIV响应鼠标滑过由下向上展开效果示例【测试可用】
Apr 26 #jQuery
You might like
雄兵连三大错觉:凯莎没了,凉冰阵亡了,华烨觉得自己又行了
2020/04/09 国漫
了解咖啡雨林联盟认证 什么是雨林认证 雨林认证是什么意思
2021/03/05 新手入门
php下连接mssql2005的代码
2011/01/17 PHP
php数组函数序列之rsort() - 对数组的元素值进行降序排序
2011/11/02 PHP
php获取目标函数执行时间示例
2014/03/04 PHP
WordPress主题中添加文章列表页页码导航的PHP代码实例
2015/12/22 PHP
php新建文件的方法实例
2019/09/26 PHP
php 的多进程操作实践案例分析
2020/02/28 PHP
让IE6支持min-width和max-width的方法
2010/06/25 Javascript
node.js chat程序如何实现Ajax long-polling长链接刷新模式
2012/03/13 Javascript
javascript针对DOM的应用分析(四)
2012/04/15 Javascript
仿微博字符限制效果实现代码
2012/04/20 Javascript
Javascript图片上传前的本地预览实例
2014/06/16 Javascript
javascript中返回顶部按钮的实现
2015/05/05 Javascript
基于jquery实现表格无刷新分页
2016/01/07 Javascript
详解JS对象封装的常用方式
2016/12/30 Javascript
jquery封装插件时匿名函数形参和实参的写法解释
2017/02/14 Javascript
js截取字符串功能的实现方法
2017/09/27 Javascript
详解Vue路由钩子及应用场景(小结)
2017/11/07 Javascript
vue.js简单配置axios的方法详解
2017/12/13 Javascript
mui js控制开关状态、修改switch开关的值方法
2019/09/03 Javascript
微信小程序使用 vant Dialog组件的正确方式
2020/02/21 Javascript
[42:20]2014 DOTA2华西杯精英邀请赛5 24 DK VS NewBee
2014/05/25 DOTA
[05:34]2014DOTA2国际邀请赛中国区预选赛精彩TOPPLAY第二弹
2014/06/25 DOTA
python中随机函数random用法实例
2015/04/30 Python
python从入门到精通(DAY 2)
2015/12/20 Python
python中异常报错处理方法汇总
2016/11/20 Python
python的help函数如何使用
2020/06/11 Python
Python 程序员必须掌握的日志记录
2020/08/17 Python
python语言实现贪吃蛇游戏
2020/11/13 Python
HTML中meta标签及Keywords
2020/04/15 HTML / CSS
和谐拯救危机观后感
2015/06/15 职场文书
导游词之无锡华莱坞
2019/12/02 职场文书
解决goland 导入项目后import里的包报红问题
2021/05/06 Golang
python爬取某网站原图作为壁纸
2021/06/02 Python
MySQL Server 层四个日志
2022/03/31 MySQL