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

this;                                    //this指向当前元素

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

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

});

each处理一维数组

var arr1 = [ "aaa", "bbb", "ccc" ];
$.each(arr1, function(i,val){
alert(i);
alert(val);
}); alert(i)将输出 0,1,2
alert(val)将输出 aaa,bbb,ccc

each处理二维数组 

var arr2 = [['a', 'aa', 'aaa'], ['b', 'bb', 'bbb'], ['c', 'cc', 'ccc']]
  $.each(arr, function(i, item){
alert(i);
alert(item);
  }); arr2为一个二维数组,item相当于取这二维数组中的每一个数组。
item[0]相对于取每一个一维数组里的第一个值
alert(i)将输出为0,1,2,因为这二维数组含有3个数组元素
alert(item)将输出为 ['a', 'aa', 'aaa'],['b', 'bb', 'bbb'],['c', 'cc', 'ccc']

处理二维数组

var arr = [['a', 'aa', 'aaa'], ['b', 'bb', 'bbb'], ['c', 'cc', 'ccc']]
  $.each(arr, function(i, item){
  $.each(item,function(j,val){
     alert(j);
    alert(val);
 });
}); alert(j)将输出为0,1,2,0,1,2,0,1,2 alert(val)将输出为a,aa,aaa,b,bb,bbb,c,cc,ccc

each处理json数据

var obj = { one:1, two:2, three:3};
  each(obj, function(key, val) {
  alert(key);
  alert(val);
  }); 这里alert(key)将输出one two three
alert(val)将输出one,1,two,2,three,3
这边为何key不是数字而是属性呢,因为json格式内是一组无序的属性-值,既然无序,又何来数字呢。
而这个val等同于obj[key]

处理json数组

var comments=[

                              {name:'xiaoming',msg:'我是好孩子'},

                              {name:'xiaohong',msg:'我喜欢过唱歌'}                         

                              ];

$.each(comments,function(i,val){

                   alert(i);

        alert(val)

                   alert(val.name);

         })

输出结果为:0,[object,objec],xiaoming,1, [object,objec],xiaohong

ecah处理dom元素

$.each($("input:hidden"), function(i,val){ 

     alert(val);

     alert(i);

     alert(val.name);

     alert(val.value);  

 }); 

那么,alert(val)将输出[object HTMLInputElement],因为它是一个表单元素。  

alert(i)将输出为0,1,2,3

alert(val.name);将输出aaa,bbb,ccc,ddd,如果使用this.name将输出同样的结果

alert(val.value);  将输出111,222,333,444,如果使用this.value将输出同样的结果

$(selector).each(function(index,element))参数描述

function(index,element) 必需。为每个匹配元素规定运行的函数。
•index - 选择器的 index 位置
•element - 当前的元素(也可使用 "this" 选择器

<img/><img/>jQuery 代码:

$("img").each(function(i){
this.src = "test" + i + ".jpg";
}); 结果:[ <img src="test0.jpg" />, <img src="test1.jpg" /> ]
$("button").click(function(){
$("li").each(function(){
alert($(this).text())
});
});

怎么跳出each

返回 'false' 将停止循环 (就像在普通的循环中使用 'break')。
返回 'true' 跳至下一个循环(就像在普通的循环中使用'continue')。

最新文章

  1. EXP/IMP迁移案例,IMP遭遇导入表的表空间归属问题
  2. 利用JS实现自定义滚动条
  3. asp.net 页面如何将Eval中的时间显示为“yyyy-MM-dd ” 格式
  4. HttpModule
  5. PeopleTools预警程序制作
  6. [2015hdu多校联赛补题]hdu5378 Leader in Tree Land
  7. 关于Eclipse部署openfire3.8.2源码的体会
  8. sublime修改TAB缩进
  9. paper 75:使用MATLAB的神经网络工具箱创建神经网络
  10. yii::app(); 怎么得到module、controller、action的名字
  11. C#(WinForm)实现软件注册
  12. 浅谈Java内存及GC
  13. NDK 的helloworld步奏
  14. 基于visual Studio2013解决C语言竞赛题之0614递归大元素
  15. AI翻译离无障碍交流有多远
  16. Robot Framework 1
  17. mysql 数据库 命令行的操作——对表和字段的操作
  18. 彻底删除与安装MySQL
  19. elasticsearch6.7 05. Document APIs(10)Reindex API
  20. Day 38 HTML

热门文章

  1. win7共享文件夹设置无密码
  2. sparkR 跑通的函数
  3. android 虚拟键盘控制
  4. 第三百一十八节,Django框架,信号
  5. web 开发之酷炫--- 酷炫展示
  6. (转)windows平台时间函数性能比较QueryPerformanceCounter,GetTickCount,ftime,time,GetLocalTime,GetSystemTimeAsFileTime
  7. TextView不用获取焦点也能实现跑马灯
  8. hunnu--11547--你的组合数学学得怎样?
  9. QLayout布局时自动占满全部的空间。
  10. 学习:erlang开源项目。