1、对DOM对象的遍历
语法:$(selector).each(function(index,element));
其中selector为jQuery选择器,function中有两个参数,index指的是遍历对象的下标,element则是遍历的值。这就和一个数组元素有点类似:array[i] index就是i的值,而element就是array[i]。
用途:在工作中你可能需要对查询处理的所有元素进行特别的样式处理。
html代码
Stop here
jQuery代码:
$("button").click(function () { $("div").each(function (index, domEle) { // 给每个元素添加背景样式 $(domEle).css("backgroundColor", "yellow"); if($(this).attr("name")=='wzw'){ return true; } if ($(this).attr("id")=='stop') { $("span").text("Stopped at div index #" + index); return false; //等价于break; } });});
在遍历的函数中,this值的是DOM对象,这个需要注意,可以通过$(this)转换成jQuery对象。在遍历过程中可以通过return 对循环进行控制。return fasle 则跳出循环,如果return true跳出本次循环。
2、对象、数组的遍历
不同于例遍 jQuery 对象的 $().each() 方法,此方法可用于例遍任何对象。回调函数拥有两个参数:第一个为对象的成员或数组的索引,第二个为对应变量或内容。如果需要退出 each 循环可使回调函数返回 false,其它返回值将被忽略。
遍历对象
$.each( [{"name":"科比可比克","password":"123456"}];, function(i, n){ alert(n.name);//科比可比克 alert(n.password);//123456});
遍历数组
$.each( ["name","科比可比克","password","123456"}];, function(i, n){ alert(n);//科比可比克 if(n=='123456'){ return false; }});
以上是对这两种不同类型的遍历进行的简单说明,具体使用需要在实际过程中进行熟悉。