文章目录

jquery跳出each循环

jquery中的each,其实就相当于javascript中的for循环。

但是与for循环不同的是,在each里面并不能使用break来结束循环。

而且也不能使用continu来结束本次循环。

在这一点上,许多小伙伴容易搞错。

那么要如何才能在jquery的each中跳出循环呢?

这里我们只能使用rturn来实现。

break 使用 return false

continue 使用 return true

下面是一个jquery跳出each循环的实例。

html代码<label><input name="select[]" value="1" data-type="1" type="checkbox">html教程</label>
<label><input name="select[]" value="2" data-type="1" type="checkbox">javascript教程</label>
<label><input name="select[]" value="3" data-type="0" type="checkbox">小说网站</label>
<label><input name="select[]" value="4" data-type="1" type="checkbox">php教程</label>
<input name="btn" id="btn" type="button" value="提交" />
javascript代码$("#btn").click(function(){
	var type;
	$("input[name='select[]']:checked").each(function() {
		if ($(this).attr("data-type")==0){
			type=0;
			return false;
		}
	});
	if (type==0){
		alert("请勿选择小说网站!");
	}else{
		alert("很好,全部选择正确!");
	}
});

代码介绍

有四个复选框,其中“小说网站”与三个不同,我们根据data-type来判定。

点击提交按钮,使用each遍历checkbox,当data-type为0的时候。

我们使用return false跳出循环。

里面有一个type值,是为了方便外面使用。

比如说当跳出来后,我们可以根据type值来进行不同的操作。

本文网址:http://www.santii.com/article/21.html


数据更新时间:2018-11-16