jQuery中的each函数经常用来遍历DOM元素,在每次执行函数时,都会给函数传递传递当前的index和dom。
<ul> <li class="a"></li> <li class="a"></li> <li class="b"></li> <li class="a"></li> <li class="c"></li> <li class="a"></li> </ul> <script> $('li').each(function(index, item){ console.log(index); console.log(item); }); </script>
如何在遍历时实现continue和break呢?
可以使用return
或return true;
来实现continue提前退出循环。
使用 return false;
终止循环。
$('li').each(function(index, item){ console.log(index); if($(item).attr('class') == 'b'){ console.warn('b: ' + index); return; // continue; } console.log(item); if($(item).attr('class') == 'c'){ console.warn('c: ' + index); return false; // break; } });