通过each方法给数组中的元素添加点击事件
通过each方法给数组中的元素添加点击事件
&!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ""&&html xmlns=""&&head&&meta http-equiv="Content-Type" content="text/ charset=gb2312" /&&title&无标题文档&/title&&style type="text/css"&div{ width:100 height:20 border:1px solid #009; margin:10}&/style&
&script type="text/javascript" src="javascript练习文件/jquery-1.4.1.js"&&/script&&script type="text/javascript"&$(function(){//通过nextall方法选出div1下的所有同辈元素&var a=$('#div1').nextAll('div')//通过each方法给a数组中的每一个元素添加点击事件$.each(a,function(){&$(this).click(function(){ &&& alert()&&& })&})&})&/script&&/head&
&body&&div id="div1"&&/div&&div&&/div&&div&&/div&&div&&/div&&div&&/div&&div&&/div&&/body&&/html&
发表评论：
TA的最新馆藏[转]&json数组使用jquery each循环遍历-前端开发博客
推荐文章 01-13 03-28 03-04 03-13 08-18 06-08热门文章
14,422Views
13,597Views
10,928Views
10,761Views
8,556Views
7,250ViewsjQuery.each() 函数详解
each()函数用于以当前jQuery对象匹配到的每个元素作为上下文来遍历执行指定的函数。所谓的上下文，意即该函数内部的this指针引用了该元素。该函数属于jQuery对象(实例)。请注意，这与全局jQuery对象的函数不同。语法jQueryObject.each( callback )参数参数描述callbackFunction类型指定的用于循环执行的函数。each()函数将根据匹配到的每一个元素循环调用函数callback。每次调用函数callback时，each()函数都会将callback函数内部的this引用指向当前正在迭代的元素，并为其传入两个参数。第一个参数是当前迭代元素在匹配到的元素中的索引值(从0开始计数)，第二个参数是当前迭代元素(与this的引用相同)。each()函数还会根据每次调用函数callback的返回值来决定后续动作。如果返回值为false，则停止循环(相当于普通循环中的break)；如果返回其他任何值，均表示继续执行下一个循环。返回值each()方法的返回值为jQuery类型，返回当前jQuery对象本身。示例&说明以下面这段HTML代码为例：&div id=&n1&&
&div id=&n2&&
&ul id=&n3&&
&li id=&n4&&item1&/li&
&li id=&n5&&item2&/li&
&li id=&n6&&item3&/li&
&form id=&demoForm&&
&input name=&goods_weight& type=&checkbox& value=&20&&A(20kg)&br&
&input name=&goods_weight& type=&checkbox& value=&33&&B(33kg)&br&
&input name=&goods_weight& type=&checkbox& value=&36&&C(36kg)&br&
&input name=&goods_weight& type=&checkbox& value=&49&&D(49kg)&br&
&input name=&goods_weight& type=&checkbox& value=&56&&E(56kg)&br&
&input name=&goods_weight& type=&checkbox& value=&78&&F(78kg)&br&
&input id=&btnBuy& type=&button& value=&订购&&
&/form&现在，我们将所有的&li&元素的innerHTML改为&编号n&(n为1、2、3……)。$(&ul li&).each(function(index, element){
// this === element
$(element).html( &编号& + (index + 1) );
});接着，我们注册【订购】按钮的点击事件，用于处理商品订购事务，要求每次订购的商品重量不得超过100kg，否则无法订购并提示相应信息。$(&#btnBuy&).click(function(){
var weight = 0;
$(&[name=goods_weight]:checked&).each(function(){
weight += parseInt(this.value);
if(weight & 100){ // 重量超标，停止循环
if(weight &= 0){
alert(&没有选择任何商品!&);
}else if(weight & 100){
alert(&一次订购的商品重量不能超过100kg!&);
// 订购商品
alert(&订购商品成功!&);
我们认为：用户的主要目的，是为了获取有用的信息，而不是来点击广告的。因此本站将竭力做好内容，并将广告和内容进行分离，确保所有广告不会影响到用户的正常阅读体验。用户仅凭个人意愿和兴趣爱好点击广告。
我们坚信：只有给用户带来价值，用户才会给我们以回报。
打开导航菜单jQuery元素遍历方法jQuery.each()
jQuery.each ()方法是一个通用的遍历方法，可用于遍历对象和数组。不同于遍历 jQuery 对象的 $().each() 方法，此方法可用于遍历任何对象。回调函数拥有两个参数：第一个为对象的成员或数组的索引，第二个为对应变量或内容。如果需要退出 each 循环可使回调函数返回 false，其它返回值将被忽略。
使用each方法能使方便地遍历DOM元素，并且不容易出错。jQuery.each ()函数封装了十分强大的遍历功能，使用也很方便，它可以遍历一维数组、多维数组、DOM, JSON 等等。在实际jQuery开发过程中使用$.each可以大大的减轻我们的工作量。
下面总结一下jQuery.each的几种常用的用法&
1.使用each处理一维数组
var arr1 = [ &aaa&, &bbb&, &ccc& ];
$.each(arr1, function(i,val){
alert(val);
function函数的i表示元素在数组中的序号，val表示元素对应的值。
alert(i)将输出：0，1，2
alert(val)将输出：aaa，bbb，ccc
2.使用each处理二维数组&
　　var arr2 = [['a', 'aa', 'aaa'], ['b', 'bb', 'bbb'], ['c', 'cc', 'ccc']]
　　$.each(arr, function(i, item){
alert(item);
arr2为一个二维数组，i是二维数组内部的一位数组元素对应的序号，item相当于取这二维数组中的每一个数组。
item[0]相对于取每一个一维数组里的第一个值&&
alert(i)将输出为0，1，2，因为这二维数组含有3个数组元素
alert(item)将输出为& ['a', 'aa', 'aaa']，['b', 'bb', 'bbb']，['c', 'cc', 'ccc']
对此二位数组的处理方法稍作调整：
var arr = [['a', 'aa', 'aaa'], ['b', 'bb', 'bbb'], ['c', 'cc', 'ccc']]
　　$.each(arr, function(i, item){
　　$.each(item,function(j,val){
　　　　 alert(j);
　　　　alert(val);
该方法在迭代二维数组的基础上，还对二维数组内部元素(一维数组)进行了迭代。&
alert(j)将输出为：0，1，2，0，1，2，0，1，2
alert(val)将输出为：a，aa，aaa，b，bb，bbb，c，cc，ccc
欢迎与本站!
QQ交流群1：
QQ交流群2：jquery中each使用方法详解
each()遍历元素的专用方法之一，有它，我们可以用来做很多事情，比如你需要获取好几个&div&的class名并依次输出，代码可以这样写：Dom结构：
&div class=&sb01&&&/div& &
&div class=&sb02&&&/div& &
&div class=&sb03&&&/div& &
Jquery代码：
&script& &
$(function(){ &
$(&div&).each(function(){ &
alert(&class名称是：&+$(this).attr(&class&)); &
&/script& &
输出结果：
class名称是：sb01 &
class名称是：sb02 &
class名称是：sb03 &
(window.slotbydup=window.slotbydup || []).push({
id: '2467140',
container: s,
size: '1000,90',
display: 'inlay-fix'
(window.slotbydup=window.slotbydup || []).push({
id: '2467141',
container: s,
size: '1000,90',
display: 'inlay-fix'
(window.slotbydup=window.slotbydup || []).push({
id: '2467143',
container: s,
size: '1000,90',
display: 'inlay-fix'
(window.slotbydup=window.slotbydup || []).push({
id: '2467148',
container: s,
size: '1000,90',
display: 'inlay-fix'}