jQuery使用each遍历循环的方法


Posted in jQuery onSeptember 19, 2018

1、选择器+遍历

$('div').each(function (i){
  i就是索引值
  this 表示获取遍历每一个dom对象
});

2、选择器+遍历

$('div').each(function (index,domEle){
  index就是索引值
 domEle 表示获取遍历每一个dom对象
});

3、更适用的遍历方法

1)先获取某个集合对象

2)遍历集合对象的每一个元素

var d=$("div");
$.each(d,function (index,domEle){
 d是要遍历的集合
 index就是索引值
 domEle 表示获取遍历每一个dom对
});

下面看下jQuery 遍历 - each() 方法

var totalMoney = $("#money").val(); //获取 id="money"元素的value值
 var monthMoney = 0; 
 //获取 具有 class="month" 的input元素 
 $("input.month").each(function(){
   var monthVal = $.trim($(this).val()); //去除空格
   if(monthVal.length > 0){ //非空值
     monthMoney = accAdd(monthMoney,monthVal); //另外写的 浮点型相加 函数
   }
 });
 if(monthMoney > totalMoney){
   alert("每月分配金额累计大于总预算金额,请重新填写!");
   return false;
 }

总结

以上所述是小编给大家介绍的jQuery使用each遍历循环的方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

jQuery 相关文章推荐
jQuery.form.js的使用详解
Jun 14 jQuery
jQueryUI Sortable 应用Demo(分享)
Sep 07 jQuery
jQuery中过滤器的基本用法示例
Oct 11 jQuery
jQuery中ajax获取数据赋值给页面的实例
Dec 31 jQuery
jquery应用实例分享_实现手风琴特效
Feb 01 jQuery
jquery radio 动态控制选中失效问题的解决方法
Feb 28 jQuery
jQuery实现的电子时钟效果完整示例
Apr 28 jQuery
jquery 验证用户名是否重复代码实例
May 14 jQuery
jquery实现进度条状态展示
Mar 26 jQuery
Jquery如何使用animation动画效果改变背景色的代码
Jul 20 jQuery
jQuery实现日历效果
Sep 11 jQuery
jquery插件懒加载的示例
Oct 24 jQuery
jquery 动态遍历select 赋值的实例
Sep 12 #jQuery
jQuery实现为动态添加的元素绑定事件实例分析
Sep 07 #jQuery
jQuery插件实现的日历功能示例【附源码下载】
Sep 07 #jQuery
jQuery中each遍历的三种方法实例分析
Sep 07 #jQuery
jQuery超简单遮罩层实现方法示例
Sep 06 #jQuery
jQuery实现鼠标移入移出事件切换功能示例
Sep 06 #jQuery
jQuery实现动画、消失、显现、渐出、渐入效果示例
Sep 06 #jQuery
You might like
收集的php编写大型网站问题集
2007/03/06 PHP
PHP提取字符串中的图片地址[正则表达式]
2011/11/12 PHP
表单提交验证类
2006/07/14 Javascript
jquery animate图片模向滑动示例代码
2011/01/26 Javascript
JavaScript 选中文字并响应获取的实现代码
2011/08/28 Javascript
jquery按回车提交数据的代码示例
2013/11/05 Javascript
使用GruntJS构建Web程序之安装篇
2014/06/04 Javascript
JS中多种方式创建对象详解
2016/03/22 Javascript
不间断循环滚动效果的实例代码(必看篇)
2016/10/08 Javascript
JavaScript遍历Json串浏览器输出的结果不统一问题
2016/11/03 Javascript
Bootstrap模态框插件使用详解
2017/05/11 Javascript
详解angular 中的自定义指令之详解API
2017/06/20 Javascript
JS开发中基本数据类型具体有哪几种
2017/10/19 Javascript
vue使用ElementUI时导航栏默认展开功能的实现
2018/07/04 Javascript
vue-cli项目中使用echarts图表实例
2018/10/22 Javascript
如何手动实现es5中的bind方法详解
2018/12/07 Javascript
在layui中使用form表单监听ajax异步验证注册的实例
2019/09/03 Javascript
vue遍历生成的输入框 绑定及修改值示例
2019/10/30 Javascript
VUE 项目在IE11白屏报错 SCRIPT1002: 语法错误的解决
2020/09/27 Javascript
webpack4从0搭建组件库的实现
2020/11/29 Javascript
Python对切片命名的实现方法
2018/10/16 Python
django+echart数据动态显示的例子
2019/08/12 Python
基于python traceback实现异常的获取与处理
2019/12/13 Python
Python3监控windows,linux系统的CPU、硬盘、内存使用率和各个端口的开启情况详细代码实例
2020/03/18 Python
python实现暗通道去雾算法的示例
2020/09/27 Python
在python中对于bool布尔值的取反操作
2020/12/11 Python
CSS3使用transition属性实现过渡效果
2018/04/18 HTML / CSS
一百多行代码实现react拖拽hooks
2021/03/23 Javascript
物流专业大学的自我评价
2014/01/11 职场文书
维稳工作情况汇报
2014/10/27 职场文书
2014年第四季度入党积极分子思想汇报(十八届四中全会)
2014/11/03 职场文书
2014年度个人工作总结
2014/11/07 职场文书
学生党员检讨书范文
2014/12/27 职场文书
上市公司董事长岗位职责
2015/04/16 职场文书
保护校园环境倡议书
2015/04/28 职场文书
微信小程序APP的生命周期及页面的生命周期
2022/04/19 Javascript