返回值:jQueryeach(callback)
jQuery each() 方法概述
以每一個(gè)匹配的元素作為上下文來(lái)執行一個(gè)函數。
意味著(zhù)，每次執行傳遞進(jìn)來(lái)的函數時(shí)，函數中的this關(guān)鍵字都指向一個(gè)不同的DOM元素（每次都是一個(gè)不同的匹配元素）。而且，在每次執行函數時(shí)，都會(huì )給函數傳遞一個(gè)表示作為執行環(huán)境的元素在匹配的元素集合中所處位置的數字值作為參數（從零開(kāi)始的整型）。 返回 'false' 將停止循環(huán) (就像在普通的循環(huán)中使用 'break')。返回 'true' 跳至下一個(gè)循環(huán)(就像在普通的循環(huán)中使用'continue')。
參數
callbackFunctionV1.0
對于每個(gè)匹配的元素所要執行的函數
示例
描述:
迭代兩個(gè)圖像，并設置它們的 src 屬性。注意:此處 this 指代的是 DOM 對象而非 jQuery 對象。
HTML 代碼:
<img/><img/>jQuery 代碼:
$("img").each(function(i){
this.src = "test" + i + ".jpg";
});結果:
[ <img src="test0.jpg" />, <img src="test1.jpg" /> ]描述:
如果你想得到 jQuery對象，可以使用 $(this) 函數。
HTML 代碼:
<button>Change colors</button>
<span></span>
<div></div>
<div></div>
<div></div>
<div></div>
<div id="stop">Stop here</div>
<div></div>
<div></div>
<div></div>jQuery 代碼:
$("img").each(function(){
$(this).toggleClass("example");
});描述:
你可以使用 'return' 來(lái)提前跳出 each() 循環(huán)。
HTML 代碼:
<button>Change colors</button>
<span></span>
<div></div>
<div></div>
<div></div>
<div></div>
<div id="stop">Stop here</div>
<div></div>
<div></div>
<div></div>jQuery 代碼:
$("button").click(function () {
$("div").each(function (index, domEle) {
// domEle == this
$(domEle).css("backgroundColor", "yellow");
if ($(this).is("#stop")) {
$("span").text("Stopped at div index #" + index);
return false;
}
});
});