JavaScript jQuery遍历对象each()方法

1遍历元素
jQuery隐式迭代是对同一类元素做了同样的操作。如果想要给同一类元素做不同操作,就需要用到遍历。
语法1 :
$ ("div") . each (function (index, domEle) { XXX; } )
1. each()方法遍历匹配的每一个元素。主要用DOM处理。each 每一个
2.里面的回调函数有2个参数: index 是每个元素的索引号; demEle是每个DOM元素对象,不是jquery对象
语法2 :
$.each (object , function (index,element) { XXX; } )
1. $.each()方法可用于遍历任何对象。主要用于数据处理,比如数组,对象
2. 里面的函数有2个参数: index 是每个元素的索引号; element 遍历内容

<body><div>1</div><div>2</div><div>3</div><script>$(function() {// $("div").css("color", "red");// 如果针对于同一类元素做不同操作，需要用到遍历元素（类似for，但是比for强大）var sum = 0;// 1. each() 方法遍历元素 var arr = ["red", "green", "blue"];$("div").each(function(i, domEle) {// 回调函数第一个参数一定是索引号  可以自己指定索引号号名称// console.log(index);// console.log(i);// 回调函数第二个参数一定是 dom元素对象 也是自己命名// console.log(domEle);// domEle.css("color"); dom对象没有css方法$(domEle).css("color", arr[i]);sum += parseInt($(domEle).text());})console.log(sum);// 2. $.each() 方法遍历元素 主要用于遍历数据，处理数据// $.each($("div"), function(i, ele) {//     console.log(i);//     console.log(ele);// });// $.each(arr, function(i, ele) {//     console.log(i);//     console.log(ele);// })$.each({name: "andy",age: 18}, function(i, ele) {console.log(i); // 输出的是 name age 属性名console.log(ele); // 输出的是 andy  18 属性值})})</script>
</body>

遍历每一个商品，计算总件数和总价钱

    // 5. 计算总计和总额模块getSum();function getSum() {var count = 0; // 计算总件数 var money = 0; // 计算总价钱$(".itxt").each(function(i, ele) {count += parseInt($(ele).val());});$(".amount-sum em").text(count);$(".p-sum").each(function(i, ele) {money += parseFloat($(ele).text().substr(1));});$(".price-sum em").text("￥" + money.toFixed(2));}

JavaScript jQuery遍历对象each()方法相关推荐

jQuery遍历对象each方法
each() each()方法常常和数组一起使用. 代码: <!DOCTYPE html> <html lang="en"> <head>< ...
jquery 遍历java对象,js/jquery遍历对象和数组的方法分析【forEach，map与each方法】...
本文实例讲述了js/jquery遍历对象和数组的方法.分享给大家供大家参考,具体如下: JS forEach方法 arr[].forEach(function(value,index,array){ ...
jQuery遍历对象/数组/集合
jQuery遍历对象/数组/集合转载自: 网络1.jquery 遍历对象<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitiona ...
jQuery遍历对象、数组、集合
1.jquery 遍历对象 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTM ...
jquery遍历对象，数组，集合
1.jquery遍历对象 < !DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" > & ...
JavaScript中遍历数组的方法
目录 JavaScript中遍历数组的方法 1.for 循环遍历 2.forEach 遍历 3.map 遍历 4.for...of 遍历 5.filter 遍历 6.some 遍历 7.keys,va ...
今日前端小知识——遍历对象的方法
遍历对象的 5 种方法 for...in... Object.entries()/Object.keys()/Object.values() Object.getOwnPropertyNames(ta ...
linux jq 遍历数组,jquery 遍历数组 each 方法详解
JQuery拿取对象的方式 $('#id') :通过元素的id $('tagName') : 通过元素的标签名 $('tagName tagName') : 通过元素的标签名,eg: $('ul li ...
用js遍历写入html,javascript如何遍历对象？
javascript遍历对象的方法:1.使用Object.keys()遍历.2.使用for..in.遍历.3.使用Object.getOwnPropertyNames(obj)遍历.4.使用Refle ...

JavaScript jQuery遍历对象each()方法

JavaScript jQuery遍历对象each()方法相关推荐

最新文章

热门文章