$(selector).each()
为每个匹配元素规定要运行的函数;一般用在dom操作上。
语法:$(selector).each(function(index,element));
提示:返回 false 可用于及早停止循环。
html
<ul>
<li>Tom</li>
<li>July</li>
<li>Sammi</li>
</ul>
jQuery
$('ul li').each(function(){
console.log($(this).text())
})
结果
$.each()
用于遍历指定的对象和数组
语法:$.each( object, callback );
jQuery(遍历数组)
var arr = ['tom','July','Sammi'];
$.each(arr,function(i,val){
console.log(`第${i}个是${val}`) //ES6
})
结果
jQuery(遍历对象)
var obj = {性别:'男',年龄:23,姓名:'Tom'};
$.each(obj,function(key,val){
console.log(`${key}-${val}`)
})
结果
结论:
$(selector).each()用于遍历DOM树上的元素
$.each()用于遍历对象或数组