jQuery中的each函数经常用来遍历DOM元素，在每次执行函数时，都会给函数传递传递当前的index和dom。
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 |
<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; 终止循环。
|
1 2 3 4 5 6 7 8 9 10 11 12 |
$('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; } }); |
多谢，学到新东西。多问一句：代码高亮是用的什么插件？