jQuery $.each用法

逃离我推掉我的手 2022-03-29 07:40 219阅读 0赞

以下内容非原创，来自百度文库http://wenku.baidu.com/view/4796b6145f0e7cd18425368e.html

通过它，你可以遍历对象、数组的属性值并进行处理。

使用说明

each函数根据参数的类型实现的效果不完全一致：

1、遍历对象(有附加参数)

$.each(Object, function(p1, p2) \{

this; //这里的this指向每次遍历中Object的当前属性值

p1; p2; //访问附加参数

\}, \['参数1', '参数2'\]);

2、遍历数组(有附件参数)

$.each(Array, function(p1, p2)\{

this; //这里的this指向每次遍历中Array的当前元素

p1; p2; //访问附加参数

\}, \['参数1', '参数2'\]);

3、遍历对象(没有附加参数)

$.each(Object, function(name, value) \{

this; //this指向当前属性的值

name; //name表示Object当前属性的名称

value; //value表示Object当前属性的值

\});

4、遍历数组(没有附加参数)

$.each(Array, function(i, value) \{

this; //this指向当前元素

i; //i表示Array当前下标

value; //value表示Array当前元素

\});

下面提一下jQuery的each方法的几种常用的用法

Js代码  
var arr = \[ "one", "two", "three", "four"\];  
$.each(arr, function()\{  
alert(this);  
\});  
//上面这个each输出的结果分别为：one,two,three,four  
  
var arr1 = \[\[1, 4, 3\], \[4, 6, 6\], \[7, 20, 9\]\]  
$.each(arr1, function(i, item)\{  
alert(item\[0\]);  
\});  
//其实arr1为一个二维数组，item相当于取每一个一维数组，  
//item\[0\]相对于取每一个一维数组里的第一个值  
//所以上面这个each输出分别为：1 4 7  
  
  
var obj = \{ one:1, two:2, three:3, four:4\};  
$.each(obj, function(key, val) \{  
alert(obj\[key\]);  
\});  
//这个each就有更厉害了，能循环每一个属性  
//输出结果为：1 2 3 4

发表评论取消回复

表情：

评论列表（有 0 条评论，219人围观）

还没有评论，来说两句吧...

相关阅读

相关 for each 用法

package victory; import java.util.List; public class Foreach1 {

向右看齐/ 2024年03月27日 17:03/ 0 赞/ 45 阅读

相关 jQuery .each()遍历用法

定义和用法 each() 方法规定为每个匹配元素规定运行的函数。提示：返回 false 可用于及早停止循环。 <span style="font-size:

た入场券/ 2022年08月22日 06:16/ 0 赞/ 173 阅读

相关 Jquery each详解

each()方法能使DOM循环结构简洁，不容易出错。each()函数封装了十分强大的遍历功能，使用也很方便，它可以遍历一维数组、多维数组、DOM, JSON 等等在jav

雨点打透心脏的1/2处/ 2022年08月13日 00:54/ 0 赞/ 168 阅读

相关 php中的each()用法和list()用法

each()中将数组中当前元素的键名和键值 each() 函数返回当前元素的键名和键值，并将内部指针向前移动。该元素的键名和键值会被返回带有四个元素的数组中。两个元素（1

╰半橙微兮°/ 2022年07月18日 05:29/ 0 赞/ 188 阅读

相关 for each 的用法

for each 的语句格式： for(元素类型t 元素变量x : 遍历对象obj)\{ 引用了x的java语句; \} [Java

忘是亡心i/ 2022年05月28日 06:41/ 0 赞/ 154 阅读

相关 jQuery $.each用法

以下内容非原创，来自百度文库http://wenku.baidu.com/view/4796b6145f0e7cd18425368e.html 通过它，你可以遍历对象、数组的

逃离我推掉我的手/ 2022年03月29日 07:40/ 0 赞/ 220 阅读

相关 jQuery.each

each()方法能使DOM循环结构简洁，不容易出错。each()函数封装了十分强大的遍历功能，使用也很方便，它可以遍历一维数组、多维数组、DOM, JSON 等等在jav

不念不忘少年蓝@/ 2021年12月03日 06:23/ 0 赞/ 232 阅读

相关 jquery的$().each,$.each的区别

在jquery中，遍历对象和数组，经常会用到$().each和$.each()，两个方法。两个方法是有区别的，从而这两个方法在针对不同的操作上，显示了各自的特点。 $().e

灰太狼/ 2021年11月14日 14:08/ 0 赞/ 311 阅读

相关 jquery的$().each,$.each的区别

最近一直在研究JS，今天看到遍历模块的时候，看到了这个函数： $(selector).each(function(index,element)) 但是想想，这个函数和之前项

以你之姓@/ 2021年09月14日 09:46/ 0 赞/ 332 阅读

相关 jQuery each() 方法

概述： jQuery中的 each 函数很方便,`$.each ()`函数封装了十分强大的遍历功能，它可以遍历一维数组、多维数组、DOM ，JSON 等等。 `$.ea

￡神魔★判官ぃ/ 2021年09月13日 23:22/ 0 赞/ 376 阅读