$().each和$.each()是两个名称相似的jquery方法,它们的区别是前者用于处理DOM对象,后者用于处理数据对象。
方法结构
$().each
$(selector).each(function(index,element){
//执行代码
});
$.each()
$.each(dataArray, function(index,element){
//执行代码
});
方法示例
使用$().each处理DOM
HTML代码
<ul> <li>北京</li> <li>上海</li> <li>深圳</li> </ul>
js代码
$(function(){
$('ul li').each(function(){
console.log($(this).text());
});
});
输出结果是
北京
上海
深圳
使用$.each()处理数据
$(function(){
//定义一个数组
var cityArray = ['北京','上海','深圳'];
//定义一个对象数组
var cityObj = [{'name': '北京'},{'name': '上海'},{'name': '深圳'}];
//遍历数组
$.each(cityArray, function(index, el){
console.log(el);
});
//遍历数组
$.each(cityObj, function(index, el){
console.log(el.name);
});
});
输出结果是
北京
上海
深圳
北京
上海
深圳
总结:
$(selector).each()用于处理DOM,$.each()用于处理数据