jquery的each()函数用法[文].pdfVIP

each() 方法能使 DOM 循 环结构简洁 ，不容易出错 。each() 函数封装了 十分 强大的遍 历 功能，使用也很方便，它可以遍 历 一维 数组、多维数组 、 DOM, JSON 等等 在 javaScript 开发过 程中使用 $each 可以大大的减 轻我 们 的工作量。 下面提一下 each 的几种 常用的用法 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 数据，这个 each 就有更 厉 害了，能循环每一个属性 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] ecah 处理 dom 元素，此处 以一个 input 表 单元素作 为例子。 如果你 dom 中有一段 这样 的代码 input name=aaa type=hidden value=111 / input name=bbb type=hidden value=222 / input name=ccc type=hidden value=333 / input name=ddd type=hidden value=444/ 然后你使用 each 如下 $.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 将输 出 同样 的结果 如果将以上面一段代 码改变成如下的形式 $(input:hidd