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 ui sortable拖拽后保存位置
Apr 27 jQuery
JQuery实现图片轮播效果
May 08 jQuery
bootstrap+jQuery 实现下拉菜单中复选框全选和全不选效果
Jun 12 jQuery
运用jQuery写的验证表单(实例讲解)
Jul 06 jQuery
jQuery实现的页面遮罩层功能示例【测试可用】
Oct 14 jQuery
jQuery实现动态控制页面元素的方法分析
Dec 20 jQuery
jQuery实现的电子时钟效果完整示例
Apr 28 jQuery
如何用input标签和jquery实现多图片的上传和回显功能
May 16 jQuery
jQuery+PHP实现上传裁剪图片
Jun 29 jQuery
JQueryDOM之样式操作
Mar 27 jQuery
jquery实现上传文件进度条
Mar 26 jQuery
jQuery实现购物车全功能
Jan 11 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二分法在IP地址查询中的应用
2008/08/12 PHP
php二维数组排序方法(array_multisort usort)
2013/12/25 PHP
php查找字符串出现次数的方法
2014/12/01 PHP
PHP中让json_encode不自动转义斜杠“/”的方法
2017/02/28 PHP
thinkphp 框架数据库切换实现方法分析
2020/05/18 PHP
javascript与CSS复习(三)
2010/06/29 Javascript
JavaScript中变量提升 Hoisting
2012/07/03 Javascript
ScrollDown的基本操作示例
2013/06/09 Javascript
JS记录用户登录次数实现代码
2014/01/15 Javascript
使用原生js写的一个简单slider
2014/04/29 Javascript
一个简单的JavaScript Map实例(分享)
2016/08/03 Javascript
JS简单实现数组去重的方法示例
2017/03/27 Javascript
微信小程序中form 表单提交和取值实例详解
2017/04/20 Javascript
详解用webpack2搭建angular2的项目
2017/06/22 Javascript
微信web端后退强制刷新功能的实现代码
2018/03/04 Javascript
vue中组件通信的八种方式(值得收藏!)
2019/08/09 Javascript
浅谈Webpack4 Tree Shaking 终极优化指南
2019/11/18 Javascript
Vue登录拦截 登录后继续跳转指定页面的操作
2020/08/04 Javascript
使用Python的Flask框架来搭建第一个Web应用程序
2016/06/04 Python
Python爬取京东的商品分类与链接
2016/08/26 Python
Python基于ThreadingTCPServer创建多线程代理的方法示例
2018/01/11 Python
Python实现从log日志中提取ip的方法【正则提取】
2018/03/31 Python
使用python制作一个解压缩软件
2019/11/13 Python
vue常用指令代码实例总结
2020/03/16 Python
Autopep8的使用(python自动编排工具)
2021/03/02 Python
8款使用 CSS3 实现超炫的 Loading(加载)的动画效果
2015/03/17 HTML / CSS
Html5移动端获奖无缝滚动动画实现示例
2018/06/25 HTML / CSS
五个2015 年最佳HTML5 框架
2015/11/11 HTML / CSS
自我鉴定200字
2013/10/28 职场文书
《曹刿论战》教学反思
2014/03/02 职场文书
《花瓣飘香》教学反思
2014/04/15 职场文书
齐云山导游词
2015/02/06 职场文书
外贸采购员岗位职责
2015/04/03 职场文书
使用Vue3+Vant组件实现App搜索历史记录功能(示例代码)
2021/06/09 Vue.js
windows11怎么查看自己安装的版本号? win11版本号的查看方法
2021/11/21 数码科技
MySQL创建定时任务
2022/01/22 MySQL