IT博客汇
  • 首页
  • 精华
  • 技术
  • 设计
  • 资讯
  • 扯淡
  • 权利声明
  • 登录 注册

    jQuery的each中实现continue和break

    轩枫发表于 2016-03-28 16:17:01
    love 0

    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>

    sagdsfgsdg

    如何在遍历时实现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;
    	}
    });

    dfsgdfsgdfsg

    Demo:http://www.xuanfengge.com/demo/201603/each/each.html



沪ICP备19023445号-2号
友情链接