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实现动态生成表格并为行绑定单击变色动作的方法
Apr 17 jQuery
jQuery插件FusionCharts绘制的2D双柱状图效果示例【附demo源码】
May 13 jQuery
解决jQuery ajax动态新增节点无法触发点击事件的问题
May 24 jQuery
jQuery异步提交表单实例
May 30 jQuery
JQuery 选择器、DOM节点操作练习实例
Sep 28 jQuery
利用JQUERY实现多个AJAX请求等待的实例
Dec 14 jQuery
jQuery插件实现非常实用的tab栏切换功能【案例】
Feb 18 jQuery
jQuery层叠选择器用法实例分析
Jun 28 jQuery
jquery插件开发模式实例详解
Jul 20 jQuery
jQuery HTML设置内容和属性操作实例分析
May 20 jQuery
Jquery滑动门/tab切换实现方法完整示例
Jun 05 jQuery
jQuery实现电梯导航模块
Dec 22 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 中的输出缓冲
2006/12/21 PHP
PHP学习 变量使用总结
2011/03/24 PHP
PHP中通过HTTP_USER_AGENT判断是否为手机移动终端的函数代码
2013/02/14 PHP
PHP内核学习教程之php opcode内核实现
2016/01/27 PHP
Thinkphp 中 distinct 的用法解析
2016/12/14 PHP
Symfony2针对输入时间进行查询的方法分析
2017/06/28 PHP
PHP魔术方法之__call与__callStatic使用方法
2017/07/23 PHP
thinkphp整合系列之极验滑动验证码geetest功能
2019/06/18 PHP
用正则xmlHttp实现的偷(转)
2007/01/22 Javascript
JavaScript获得选中文本内容的方法
2008/12/02 Javascript
为jquery.ui.dialog 增加“在当前鼠标位置打开”的功能
2009/11/24 Javascript
学习js在线html(富文本,所见即所得)编辑器
2012/12/18 Javascript
Jquery实现视频播放页面的关灯开灯效果
2013/05/27 Javascript
JS+DIV实现鼠标划过切换层效果的方法
2015/05/25 Javascript
Bootstrap中的fileinput 多图片上传及编辑功能
2016/09/05 Javascript
JS之相等操作符详解
2016/09/13 Javascript
nodejs简单实现TCP服务器端和客户端的聊天功能示例
2018/01/04 NodeJs
浅谈实现vue2.0响应式的基本思路
2018/02/13 Javascript
Vue不能观察到数组length的变化
2018/06/08 Javascript
nodejs(officegen)+vue(axios)在客户端导出word文档的方法
2018/07/31 NodeJs
简单了解vue 插值表达式Mustache
2020/07/22 Javascript
[01:32]DOTA2上海特锦赛现场采访:最想COS的英雄
2016/03/25 DOTA
[56:14]Fnatic vs OG 2018国际邀请赛小组赛BO2 第二场 8.18
2018/08/19 DOTA
python使用锁访问共享变量实例解析
2018/02/08 Python
Pycharm以root权限运行脚本的方法
2019/01/19 Python
pytorch 实现将自己的图片数据处理成可以训练的图片类型
2020/01/08 Python
Python自动化测试笔试面试题精选
2020/03/12 Python
Django filter动态过滤与排序实现过程解析
2020/11/26 Python
Selenium关闭INFO:CONSOLE提示的解决
2020/12/07 Python
世界上最好的儿童品牌:AlexandAlexa
2018/01/27 全球购物
Rentalcars.com中国:世界上最大的在线汽车租赁服务
2019/08/22 全球购物
教师实习自我鉴定
2013/12/11 职场文书
研究生简历自我评价范文
2014/09/13 职场文书
嘉年华活动新闻稿
2015/07/17 职场文书
传单、海报早OUT了,另类传单营销方案送给你!
2019/07/15 职场文书
导游词之南京中山陵
2019/11/27 职场文书