首页技术文章正文

jQuery怎样遍历元素?

更新时间:2021-10-21 来源:黑马程序员 浏览量:

IT培训班

jQuery 隐式迭代是对同一类元素做了同样的操作。 如果想要给同一类元素做不同操作,就需要用到遍历。
jQuery语法一:

$("div").each(function (index, domEle) { xxx; })
1. each() 方法遍历匹配的每一个元素。主要用DOM处理。 each 每一个。

2. 里面的回调函数有2个参数:  index 是每个元素的索引号;  demEle 是每个DOM元素对象,不是jquery对象。

3. 所以要想使用jquery方法,需要给这个dom元素转换为jquery对象  $(domEle)。

jQuery 隐式迭代是对同一类元素做了同样的操作。 如果想要给同一类元素做不同操作,也需要用到遍历。

语法2:

$.each(object,function (index, element) { xxx; })

1. $.each()方法可用于遍历任何对象。主要用于数据处理,比如数组,对象

2. 里面的函数有2个参数:  index 是每个元素的索引号;  element  遍历内容

案例:购物车案例模块-计算总计和总额

1.核心思路:把所有文本框里面的值相加就是总计数量。总额同理

2.文本框里面的值不相同,如果想要相加需要用到each遍历。声明一个变量,相加即可

3.点击+号-号,会改变总计和总额,如果用户修改了文本框里面的值同样会改变总计和总额

4.因此可以封装一个函数求总计和总额的, 以上2个操作调用这个函数即可。

5.注意1: 总计是文本框里面的值相加用 val()     总额是普通元素的内容用text()  

6.要注意普通元素里面的内容要去掉¥并且转换为数字型才能相加





猜你喜欢:

jQuery元素内容操作的方法有多少种?

jQuery有什么特点?如何下载安装jQuery?

jQuery的语法有什么特点?

jQuery选择器及用法大全

黑马程序员前端与移动开发培训

分享到:
在线咨询 我要报名
和我们在线交谈!