首页 > 代码库 > Jquery each&forEach

Jquery each&forEach

jQuery方法

语法

.each()

作用

用来遍历dom

用法

$(dom).each( function(index, Element) ) { do Something... }

参数

第一个参数:当前索引,从0开始
第二个参数:指被当前迭代的元素,与在函数体内的this等价

关于中断

可以通过返回false以便在函数体内终止循环


 

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

  • $().each,对于这个方法,在dom处理上面用的较多。如果页面有多个input标签类型为checkbox,对于这时用$().each来处理多个checkbook,例如:

$(“input[name=’ch’]”).each(function(i){
if($(this).attr(‘checked’)==true)
{
//一些操作代码

}

 

  • 对于遍历一个数组,用$.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

在jQuery里有一个each方法,用起来非常的爽,不用再像原来那样写for循环,jQuery源码里自己也有很多用到each方法。


 

Jquery each&forEach