在jQuery中,each()方法非常常见。它分为两种:
1、静态方法:jQuery.each(obj, callback, args);
2、为jQuery对象服务的:$(selector).each(callback, args)
其中2是调用1实现了:
return jQuery.each(this, callback, args);
言归正传,我们先从each()的三个参数入手:
1、obj:当前执行的对象。一般是遍历对象内的其中一项。
2、callback:callback需要两个参数:1)index,即当前函数在遍历对象中的索引;2)element:即当前对象。
3、args:可选项,如果有,则直接替换callback函数所需的参数,直接传入到callback中。
因此,针对args的存在与否,我们划分为两个情况,进行处理。
同时,遍历的对象也有数组与非数组之分。针对数组,我们可以直接使用for + array.length直接遍历整个数组;而针对非数组(不可用number来定位每一项),我们则使用for-in的方式来遍历。
所以,得出了如下的代码:
jQuery.each = function(obj, fn, args){
if(args){
if(obj.length == undefined){
for(var i in obj)
fn.apply(obj, args);
}else{
for(var i = 0, ol = obj.length; i < ol; i++){
if(fn.apply(obj, args) === false)
break;
}
}
}else{
if(obj.length == undefined){
for(var i in obj){
fn.call(obj[i], i, obj[i]);
}
}else{
for(var i = 0, ol = obj.length; i < ol; i++){
if(fn.call(obj[i], i, obj[i]);
}
}
}
}