分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 教程案例

jQuery的each()函数

发布时间:2023-09-06 02:03责任编辑:董明明关键词:jQuery

1、$.each()--全局函数介绍

语法:全局函数  jQuery.each(collection,function(indexInArray,valueOfElement))

collection——可以是任何一个集合,不管是一个js对象或者一个数组,或者是一个json对象。


indexInArray——对象的键或者是数组的索引


valueOfElement——对象的值或者是数组的项

遍历一维数组

 ?<script> ???var arr = [‘a‘,‘b‘]; ???jQuery.each(arr,function(index,value){ ?????console.log(index); ?????console.log(value); ???}) ?</script>

结果:

遍历二维数组

 ?<script> ???var arr = [[‘a‘,‘b‘],[‘c‘,‘d‘]]; ???jQuery.each(arr,function(index,value){ ?????jQuery.each(value,function(i,element){ ???????console.log(i); ???????console.log(element); ?????}) ???}) ?</script>

结果:

遍历对象

 ?<script> ???var obj = { ?????name: ‘zs‘, ?????age: 18 ???}; ???jQuery.each(obj,function(index,value){ ?????console.log(index); ?????console.log(value); ???}) ?</script>

结果:

遍历json对象

var obj = {"a":"hello", "b":"world"}; jQuery.each(obj,function(index,value){ ???console.log(index); ???console.log(value);})

结果:

1、$(selector).each()

语法:$(selector).each(function(index,value))
index ——伪数组的索引
value——伪数组的项值
在DOM上处理上面用的较多

遍历li标签

 ?<ul> ???<li>1</li> ???<li>2</li> ???<li>3</li> ???<li>4</li> ???<li>5</li> ?</ul> ?<script> ???$(‘li‘).each(function(index,value){ ?????console.log(index); ?????/* 打印的是形如 <li>1</li>的字符串*/ ?????console.log(value); ?????/* 若是想输出标签中的数据,那么可以吧台看成DOM对象 ?????。然后用innerHTML方法,输出标签中的数据;也可以转化为 ?????jQuery对象形如$(value).html(),然后在打印输出,如下: ?????// console.log($(value).html()); */ ?????console.log(value.innerHTML); ???}) ?</script>

小结

  1. 遍历数据:jQuery.each(collection,function(indexInArray,valueOfElement));

  2. 遍历DOM:$(selector).each(function(index,value));

jQuery的each()函数

原文地址:https://www.cnblogs.com/houfee/p/9297385.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved