[原创]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插件FusionCharts实现的Marimekko图效果示例【附demo源码】
Mar 24 jQuery
jQuery使用正则验证15/18身份证的方法示例
Apr 27 jQuery
jquery加载单文件vue组件的方法
Jun 20 jQuery
jQuery实现拖动效果的实例代码
Jun 25 jQuery
使用 jQuery 实现表单验证功能
Jul 05 jQuery
JQuery 获取多个select标签option的text内容(实例)
Sep 07 jQuery
jQuery实现火车票买票城市选择切换功能
Sep 15 jQuery
jQuery中extend函数简单用法示例
Oct 11 jQuery
jQuery.parseJSON()函数详解
Feb 28 jQuery
javascript(基于jQuery)实现鼠标获取选中的文字示例【测试可用】
Oct 26 jQuery
jquery实现弹窗(系统提示框)效果
Dec 10 jQuery
基于jQuery实现可编辑的表格
Dec 11 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
《DOTA3》开发工作已经开始 《DOTA3》将代替《DOTA2》
2021/03/06 DOTA
PHP捕获Fatal error错误的方法
2014/06/11 PHP
php微信公众平台开发(三)订阅事件处理
2016/12/06 PHP
PHP使用strrev翻转中文乱码问题的解决方法
2017/01/13 PHP
PHP闭包定义与使用简单示例
2018/04/13 PHP
保证JavaScript和Asp、Php等后端程序间传值编码统一
2009/04/17 Javascript
JQuery Tips(2) 关于$()包装集你不知道的
2009/12/14 Javascript
js单向链表的具体实现实例
2013/06/21 Javascript
jquery获取颜色在ie和ff下的区别示例介绍
2014/03/28 Javascript
Angular中$compile源码分析
2016/01/28 Javascript
三种Node.js写文件的方式
2016/03/08 Javascript
JS中对Cookie的操作详解
2016/08/05 Javascript
微信js-sdk上传与下载图片接口用法示例
2016/10/12 Javascript
移动端基础事件总结与应用
2017/01/12 Javascript
angular select 默认值设置方法
2017/06/23 Javascript
vue复合组件实现注册表单功能
2017/11/06 Javascript
详解React中setState回调函数
2018/06/14 Javascript
jquery获取select选中值的文本,并赋值给另一个输入框的方法
2018/08/21 jQuery
JavaScript如何使用插值实现图像渐变
2020/06/28 Javascript
Node使用koa2实现一个简单JWT鉴权的方法
2021/01/26 Javascript
Python中replace方法实例分析
2014/08/20 Python
python用reduce和map把字符串转为数字的方法
2016/12/19 Python
python机器学习之决策树分类详解
2017/12/20 Python
Python网络爬虫神器PyQuery的基本使用教程
2018/02/03 Python
Django项目使用ckeditor详解(不使用admin)
2019/12/17 Python
keras 权重保存和权重载入方式
2020/05/21 Python
Python Matplotlib简易教程(小白教程)
2020/07/28 Python
canvas之万花筒效果的简单实现(推荐)
2016/08/16 HTML / CSS
程序集与命名空间有什么不同
2014/07/25 面试题
DELPHI面试题研发笔试试卷
2015/11/08 面试题
商务邀请函范文
2014/01/14 职场文书
三年级小学生评语
2014/04/22 职场文书
毕业设计论文致谢词
2015/05/14 职场文书
Python源码解析之List
2021/05/21 Python
Python集合的基础操作
2021/11/01 Python
Apache Hudi的多版本清理服务彻底讲解
2022/03/31 Servers