一、关于
1、使用jQuery的each函数时,实现如同java中for循环的中断(break)和跳过(continue) 操作
2、准备测试的Html文档
<html>
<head>
<title>Test jQuery Each</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="jquery.min.js"></script>
</head>
<body>
<p><button id="tb">Test Break</button><button id="tc">Test Continue</button></p>
<ul>
<li>AAA</li>
<li>BBB</li>
<li>CCC</li>
<li>DDD</li>
</ul>
</body>
</html>
二、中断
1、脚本
<script type="text/javascript">
$(document).ready(function() {
$("#tb").click(function() {
$("li").each(function() {
if($(this).text() == "CCC"){
//中断这个循环
return false;
}
$(this).css("color","red");
});
});
});
</script>
2、结果
三、跳过
1、脚本
<script type="text/javascript">
$(document).ready(function() {
$("#tc").click(function() {
$("li").each(function() {
if($(this).text() == "CCC"){
//跳过本次循环
return true;
}
$(this).css("color","red");
});
});
});
</script>
2、结果