jQuery使用each遍历循环的方法

1、选择器+遍历

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

2、选择器+遍历

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

3、更适用的遍历方法

1)先获取某个集合对象

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

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

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

?
1
2
3
4
5
6
7
8
9
10
11
12
13
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 ;
}

微专业前端设计师之3个月从入门成为前端工程师全套高清视频与配套资料   下载地址:百度网盘下载
Vue2.5开发去哪儿网App 从零基础入门到实战项目   下载地址:百度网盘下载
前端JavaScript面试技巧-某课网价值149元实战教程   下载地址:百度网盘下载
前端跳槽面试必备技巧 - 某课网价值199元实战教程   下载地址:百度网盘下载
2018年最新传智播客黑马WEB前端36期全套   下载地址:百度网盘下载
尚学堂全套Python从基础到WEB开发   下载地址:百度网盘下载
Web前端攻城狮 - HTML5与CSS3实现动态网页   下载地址:百度网盘下载
SpringBoot2.0不容错过的新特性 WebFlux响应式编程   下载地址:百度网盘下载
Web前端攻城狮 - 前端小白入门系列课程   下载地址:百度网盘下载
价值488全新全栈高级工程师实战课程Vue+Node+MongoDB(完结)   下载地址:百度网盘下载
2018React 16+Redux+React Router 4 Node.Js全栈开发招聘App项目实战视频   下载地址:百度网盘下载
iOS MVVM+RAC 从框架到实战   下载地址:百度网盘下载
全网首发mpvue课程小程序全栈开发   下载地址:百度网盘下载
Java从零到企业级电商项目实战   下载地址:百度网盘下载
Java Spring 技术栈构建前后台团购网站   下载地址:百度网盘下载
Java SSM开发大众点评后端 Mybatis实战商城项目   下载地址:百度网盘下载
牛人计划-Java+Python项目实战视频教程   下载地址:百度网盘下载
腾讯工程师教你9小时搞定微信小程序开发   下载地址:百度网盘下载
最新短视频网站实战教程 node.js+ES+Koa2基础到精通项目实战课程   下载地址:百度网盘下载
2018最新人工智能全套视频课程|内含机器学习   下载地址:百度网盘下载

猜你喜欢

转载自www.cnblogs.com/voleta/p/9859289.html