jQuery同时存在$().each和$.each()两个写法相近的方法,它们的区别是前者用于处理DOM对象,后者用于处理数据对象。
方法结构
$().each:
$(selector).each(function(index,element){
...
});
$.each():
$.each(dataArray, function(index,element){
...
});
使用示例
使用$().each处理DOM:
<ul>
<li>北京</li>
<li>上海</li>
<li>深圳</li>
</ul>
$(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);
});
});