浅谈JQUERY的each方法

DOM遍历：

/////
<button>Change colors</button>
<span></span> 
<div></div> 
<div></div>

<div></div> 
<div></div>
<div id="stop">Stop here</div> 
<div></div>

<div></div>
<div></div>
/////
$("button").click(function () { 
$("div").each(function (index, domEle) { 
  // domEle == this 
  $(domEle).css("backgroundColor", "yellow");  
  if ($(this).is("#stop")) { 
  $("span").text("Stopped at div index #" + index); 
  return false; 
  } 
});
});

上面是一个遍历dom的实列，利用 return false 终止遍历【break】

数组对象遍历:

数组部分
var arr = [1,2,'3']
$(arr).each((item,index) => {
    console.log(item, index)
})
对象部分
var ob = {a:'aaa',b:'bbbb'}
$(ob).each((item,index) => {
    console.log(item, index)
})

查看更多关于浅谈JQUERY的each方法的详细内容...

声明：本文来自网络，不代表【好得很程序员自学网】立场，转载请注明出处：http://www.haodehen.cn/did25080