jQuery - 函式 $().each() 的迴圈控制
一、關於
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、結果
相關文章
- 如何跳出jquery的each()函式迴圈語句jQuery函式
- 如何跳出當前jquery.each()函式迴圈jQuery函式
- jQuery的each函式jQuery函式
- jquery的$.each()函式和$.map()函式的區別jQuery函式
- jQuery遍歷函式,javascript中的each遍歷jQuery函式JavaScript
- For-each 和 Index-for 迴圈最佳實踐Index
- jquery的each()函式遍歷陣列和物件程式碼例項jQuery函式陣列物件
- 使用增強型for迴圈(for-each)相比傳統的for迴圈有什麼區別?
- jQuery each()jQuery
- 04流程控制 for迴圈,while迴圈While
- Dart - 迴圈控制Dart
- jQuery 迴圈播放的指示燈jQuery
- PyThon range()函式中for迴圈用法Python函式
- 迴圈_推導式_繪製棋盤_函式函式
- R語言中的迴圈函式(Grouping Function)R語言函式Function
- Java中的增強for迴圈(for each)的實現原理與坑Java
- jQuery $.each用法jQuery
- jQuery.each()jQuery
- shell指令碼while迴圈、read讀取控制檯輸入與函式指令碼While函式
- Python迴圈控制-forPython
- 流程控制 -- for迴圈
- js jquery 結束迴圈JSjQuery
- for迴圈批量註冊事件處理函式事件函式
- PLSQL Language Referenc-PL/SQL控制語句-迴圈語句-FOR迴圈-FOR迴圈中的索引SQL索引
- c++ for_each()與仿函式C++函式
- Python簡單函式迴圈綜合例項Python函式
- Jquery的$(selector).each()和$.each()原理和區別jQuery
- Python的流程控制:迴圈Python
- 14,javase程式碼實戰-迴圈控制——foreach迴圈的使用(五)Java
- 多執行緒迴圈控制欄位失效造成死迴圈的坑執行緒
- 好程式設計師分享迴圈內的回撥函式程式設計師函式
- JavaScript中的事件迴圈機制跟函式柯里化JavaScript事件函式
- 流程控制、 迴圈語句
- swift控制流——迴圈語句Swift
- linux 迴圈控制語句Linux
- PL/SQL迴圈控制語句SQL
- 迴圈單連結串列建構函式、解構函式C++實現函式C++
- jQuery.each()的5個案例jQuery