<div>
<span>第一个</span>
<span>第二个</span>
<span>第三个</span>
</div>
<span>第四个</span>
</body>
1、jQuery的遍历方法:它接受两个参数 index为当前索引,element为当前对象
$('div span').each(function (index,element) {
console.log($(this).text());
});
2、forEach循环:由于foreach是Array型自带的,对于一些非这种类型的,无法直接使用(如NodeList),可先转换为数组,再进行遍历
let spanList = document.querySelectorAll('div span'); //spanList不是数组,而是nodeList
Array.prototype.slice.call(spanList).forEach(function(element,index){
console.log(element.innerHTML);
})
//等同于
Array.prototype.forEach.call(spanList,function(element,index){
console.log(element.innerHTML);
});
//等同于
[].slice.call(spanList).forEach(function(element,index){
console.log(element.innerHTML);
});