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实现分页功能(含ajax请求、后台数据、附完整demo)
Apr 03 jQuery
jQuery制作全屏宽度固定高度轮播图(实例讲解)
Jul 08 jQuery
jQuery Validate插件ajax方式验证输入值的实例
Dec 21 jQuery
使用Ajax和Jquery配合数据库实现下拉框的二级联动的示例
Jan 25 jQuery
jQuery中的$是什么意思及 $. 和 $().的区别
Apr 20 jQuery
jQuery实现轮播图及其原理详解
Apr 12 jQuery
jQuery+Datatables实现表格批量删除功能【推荐】
Oct 24 jQuery
jQuery实现点击旋转,再点击恢复初始状态动画效果示例
Dec 11 jQuery
jquery实现直播视频弹幕效果
Feb 25 jQuery
jQuery 图片查看器插件 Viewer.js用法简单示例
Apr 04 jQuery
jQuery实时统计输入框字数及限制
Jun 24 jQuery
jQuery class属性操作addClass()与removeClass()、hasClass()、toggleClass()
Mar 31 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开发中常用的8个小技巧
2008/08/27 PHP
php设计模式 DAO(数据访问对象模式)
2011/06/26 PHP
Codeigniter(CI)框架分页函数及相关知识
2014/11/03 PHP
PHP函数extension_loaded()用法实例
2015/01/19 PHP
PHP中功能强大却很少使用的函数实例小结
2016/11/10 PHP
PHP 7.1中AES加解密方法mcrypt_module_open()的替换方案
2017/10/17 PHP
js同时按下两个方向键
2007/12/01 Javascript
js弹窗代码 可以指定弹出间隔
2010/07/03 Javascript
JQuery 拾色器插件发布-jquery.icolor.js
2010/10/20 Javascript
JS上传图片前实现图片预览效果的方法
2015/03/02 Javascript
jQuery oLoader实现的加载图片和页面效果
2015/03/14 Javascript
js弹出对话框方式小结
2015/11/17 Javascript
JavaScript 判断一个对象{}是否为空对象的简单方法
2016/10/09 Javascript
jquery实现简单的瀑布流布局
2016/12/11 Javascript
Bootstrap select下拉联动(jQuery cxselect)
2017/01/04 Javascript
JS获取数组中出现次数最多及第二多元素的方法
2017/10/27 Javascript
Vue父子组件双向绑定传值的实现方法
2018/07/31 Javascript
jquery实现点击弹出对话框
2020/02/08 jQuery
解决基于 keep-alive 的后台多级路由缓存问题
2020/12/23 Javascript
arcgis.js控制地图地体的显示范围超出区域自动弹回(实现思路)
2021/01/28 Javascript
[01:28]一分钟告诉你DOTA2 TI9不朽宝藏Ⅱ中有什么!
2019/07/09 DOTA
Python中捕捉详细异常信息的代码示例
2014/09/18 Python
Python实现SMTP发送邮件详细教程
2021/03/02 Python
Python cookbook(数据结构与算法)找到最大或最小的N个元素实现方法示例
2018/02/13 Python
Hibernate持久层技术
2013/12/16 面试题
学年末自我鉴定
2014/01/21 职场文书
社区科普工作方案
2014/06/03 职场文书
企业公益活动策划方案
2014/08/24 职场文书
运动会400米加油稿(8篇)
2014/09/22 职场文书
预备党员期盼十八届四中全会召开思想汇报
2014/10/17 职场文书
乡镇领导班子四风整顿行动工作汇报
2014/10/25 职场文书
道歉短信大全
2015/05/12 职场文书
2016年公司新年寄语
2015/08/17 职场文书
严以用权专题学习研讨会发言材料
2015/11/09 职场文书
外出考察学习心得体会
2016/01/18 职场文书
python基础之文件操作
2021/10/24 Python