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实现的动态文字变化输出效果示例【附演示与demo源码下载】
Mar 24 jQuery
jQuery中的deferred使用方法
Mar 27 jQuery
jQuery实现注册会员时密码强度提示信息功能示例
Sep 05 jQuery
jQuery实现火车票买票城市选择切换功能
Sep 15 jQuery
解决JQuery全选/反选第二次失效的问题
Oct 11 jQuery
基于jQuery解决ios10以上版本缩放问题
Nov 03 jQuery
jquery 实现拖动文件上传加载进度条功能
Mar 18 jQuery
jQuery.extend 与 jQuery.fn.extend的用法及区别实例分析
Jul 25 jQuery
jquery实现动态创建form并提交的方法示例
May 27 jQuery
JS实现点击生成UUID的方法完整实例【基于jQuery】
Jun 12 jQuery
jQuery+PHP+Ajax实现动态数字统计展示功能
Dec 25 jQuery
jQuery实现简易QQ聊天框
Feb 10 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
linux mint下安装phpstorm2020包括JDK部分的教程详解
2020/09/17 PHP
科讯商业版中用到的ajax空间与分页函数
2007/09/02 Javascript
js实现的仿新浪微博完美的时间组件升级版
2011/12/20 Javascript
flash调用js中的方法,让js传递变量给flash的办法及思路
2013/08/07 Javascript
jQuery 常用代码集锦(必看篇)
2016/05/16 Javascript
微信小程序 数据绑定详解及实例
2016/10/25 Javascript
Javascript+CSS3实现进度条效果
2016/10/28 Javascript
node学习记录之搭建web服务器教程
2017/02/16 Javascript
JS简单判断滚动条的滚动方向实现方法
2017/04/28 Javascript
jQuery操作css样式
2017/05/15 jQuery
详解nodejs微信jssdk后端接口
2017/05/25 NodeJs
layui 地区三级联动 form select 渲染的实例
2019/09/27 Javascript
JavaScript 中的无穷数(Infinity)详解
2020/02/13 Javascript
利用 Chrome Dev Tools 进行页面性能分析的步骤说明(前端性能优化)
2021/02/24 Javascript
Python编程语言的35个与众不同之处(语言特征和使用技巧)
2014/07/07 Python
Python中方法链的使用方法
2016/02/23 Python
Python的时间模块datetime详解
2017/04/17 Python
python自动裁剪图像代码分享
2017/11/25 Python
Python实现简单遗传算法(SGA)
2018/01/29 Python
python实现简单五子棋游戏
2019/06/18 Python
在Mac中PyCharm配置python Anaconda环境过程图解
2020/03/11 Python
Python基于yield遍历多个可迭代对象
2020/03/12 Python
python 生成任意形状的凸包图代码
2020/04/16 Python
Python机器学习工具scikit-learn的使用笔记
2021/01/28 Python
HTML5新表单元素_动力节点Java学院整理
2017/07/12 HTML / CSS
HTML5 CSS3打造相册效果附源码下载
2014/06/16 HTML / CSS
伦敦最著名的老字号百货公司:Selfridges(塞尔福里奇百货)
2016/07/25 全球购物
墨西哥网上超市:Superama
2018/07/10 全球购物
化学工程专业求职信
2014/08/10 职场文书
大班下学期幼儿评语
2014/12/30 职场文书
2015年禁毒工作总结
2015/04/30 职场文书
辛德勒的名单观后感
2015/06/03 职场文书
地道战观后感500字
2015/06/04 职场文书
培根随笔读书笔记
2015/07/01 职场文书
婚宴父母致辞
2015/07/27 职场文书
Nginx中break与last的区别详析
2021/03/31 Servers