×

如何玩转jQuery之each遍历循环

作者:jiang2018.11.19来源:Web前端之家浏览:10183评论:0
关键词:each遍历

如何玩转jQuery之each遍历循环,大晚上的学习下啦。

1、选择器+遍历

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

2、选择器+遍历

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

3、更适用的遍历方法
(1).先获取某个集合对象
(2).遍历集合对象的每一个元素

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

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

  1. var totalMoney = $("#money").val(); //获取 id="money"元素的value值
  2. var monthMoney = 0; 
  3. //获取 具有 class="month" 的input元素 
  4. $("input.month").each(function(){
  5.   var monthVal = $.trim($(this).val()); //去除空格
  6.   if(monthVal.length > 0){ //非空值
  7.     monthMoney = accAdd(monthMoney,monthVal); //另外写的 浮点型相加 函数
  8.   }//欢迎加入全栈开发交流圈一起学习交流:864305860
  9. });//面向1-3年前端人员
  10. if(monthMoney > totalMoney){
  11.   alert("每月分配金额累计大于总预算金额,请重新填写!");//帮助突破技术瓶颈,提升思维能力
  12.   return false;
  13. }

您的支持是我们创作的动力!
温馨提示:本文作者系 ,经Web前端之家编辑修改或补充,转载请注明出处和本文链接:
https://jiangweishan.com/article/js23423523525235.html

网友评论文明上网理性发言 已有0人参与

发表评论: