在jquery中,遍历对象和数组,经常会用到$().each和$.each(),两个方法。两个方法是有区别的。
一:$().each
这个方法,在dom处理上面用的较多。
$(“input[name=’ch’]”).each(function(index){
if($(this).attr(‘checked’)==true)
{
//一些操作代码
}
回调函数是可以传递参数,index 就为遍历的索引。
说明:$().each()方法,在实际项目中,多用于操作页面dom。
二:$.each()
改方法可以用于遍历数组或对象,尤其是遍历数组,比for循环方便很多。
//2.1:遍历数组
var obj1 = [ {num:11}, {num:12}, {num:13}, {num:14}, {num:15} ]; $.each(obj1, function(key, val) { console.log(key, val); });
打印结果如下:
//2.2:遍历对象
var obj2 = { one:1, two:2, three:3, four:4, five:5 }; $.each(obj2, function(key, val) { console.log(key, val); });
打印结果如下:
说明:$.each()方法,在实际项目中,多用于遍历后台返回给前端的json数据,并将数据渲染到页面中。