-
-9 29
-
jQuery each(callback)
each()函数是jquery中用来遍历对象、数组和属性值等的。
手册上面是如下解释的:
以每一个匹配的元素作为上下文来执行一个函数。
意味着,每次执行传递进来的函数时,函数中的this关键字都指向一个不同的DOM元素(每次都是一个不同的匹配元素)。而且,在每次执行函数时,都会给函数传递一个表示作为执行环境的元素在匹配的元素集合中所处位置的数字值作为参数(从零开始的整型)。 返回 'false' 将停止循环 (就像在普通的循环中使用 'break')。返回 'true' 跳至下一个循环(就像在普通的循环中使用'continue')。
参数
callbackFunction对于每个匹配的元素所要执行的函数
示例
描述:
迭代两个图像,并设置它们的 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' 来提前跳出 each() 循环。
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;
}
});
});本文来源于php爱好者:php教程 —http://www.phplover.cn/
原文地址:http://www.phplover.cn/post/jquery-each.html
◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。
12楼 服装面料
Post:2011-10-26 17:46:56
谢谢分享 呵呵!!来自28推的贾晓会!
11楼 quilts
Post:2011-10-19 13:25:37
10楼 影楼网销
Post:2011-10-13 15:27:17
9楼 银川新华
Post:2011-10-11 13:29:21
8楼 银川摄影工作室
Post:2011-10-7 13:58:18
7楼 沈阳seo
Post:2011-10-6 23:44:51
6楼 贾晓会网络推广
Post:2011-10-4 19:44:08
5楼 励志电影
Post:2011-10-4 19:36:44
4楼 银川婚纱摄影工作室
Post:2011-10-4 15:26:59
3楼 影楼营销
Post:2011-10-4 11:42:25
2楼 河北SEO
Post:2011-10-2 13:45:27
1楼 影楼营销
Post:2011-9-30 15:58:58