jQuery 遍历函数

来源：互联网发布：希腊失业率数据编辑：程序博客网时间：2024/05/17 09:03

each的用法

1.数组中的each

 var arr = [ "one", "two", "three", "four"];      $.each(arr, function(){         alert(this);      });   //上面这个each输出的结果分别为：one,two,three,four        var arr1 = [[1, 4, 3], [4, 6, 6], [7, 20, 9]]     $.each(arr1, function(i, item){        alert(item[0]);     });     //其实arr1为一个二维数组，item相当于取每一个一维数组，   //item[0]相对于取每一个一维数组里的第一个值   //所以上面这个each输出分别为：1   4   7         var obj = { one:1, two:2, three:3, four:4};     $.each(obj, function(i) {         alert(obj[i]);           });   //这个each就有更厉害了，能循环每一个属性     //输出结果为：1   2  3  4

2.遍历Dom元素中

<html><head><script type="text/javascript" src="/jquery/jquery.js"></script><script type="text/javascript">$(document).ready(function(){  $("button").click(function(){    $("li").each(function(){      alert($(this).text())    });  });});</script></head><body><button>输出每个列表项的值</button><ul><li>Coffee</li><li>Milk</li><li>Soda</li></ul></body></html>

依次弹出Coffee，Milk，Soda
3.官方解释
以下是官方的解释：

jQuery.each(object, [callback])

概述
通用例遍方法，可用于例遍对象和数组。不同于例遍 jQuery 对象的 $().each() 方法，此方法可用于例遍任何对象。回调函数拥有两个参数：第一个为对象的成员或数组的索引，第二个为对应变量或内容。如果需要退出 each 循环可使回调函数返回 false，其它返回值将被忽略。

参数
objectObject
需要例遍的对象或数组。

callback (可选)Function
每个成员/元素执行的回调函数。

jQuery 遍历函数

jQuery 遍历函数包括了用于筛选、查找和串联元素的方法。

函数描述.add()将元素添加到匹配元素的集合中。.andSelf()把堆栈中之前的元素集添加到当前集合中。.children()获得匹配元素集合中每个元素的所有子元素。.closest()从元素本身开始，逐级向上级元素匹配，并返回最先匹配的祖先元素。.contents()获得匹配元素集合中每个元素的子元素，包括文本和注释节点。.each()对 jQuery 对象进行迭代，为每个匹配元素执行函数。.end()结束当前链中最近的一次筛选操作，并将匹配元素集合返回到前一次的状态。.eq()将匹配元素集合缩减为位于指定索引的新元素。.filter()将匹配元素集合缩减为匹配选择器或匹配函数返回值的新元素。.find()获得当前匹配元素集合中每个元素的后代，由选择器进行筛选。.first()将匹配元素集合缩减为集合中的第一个元素。.has()将匹配元素集合缩减为包含特定元素的后代的集合。.is()根据选择器检查当前匹配元素集合，如果存在至少一个匹配元素，则返回 true。.last()将匹配元素集合缩减为集合中的最后一个元素。.map()把当前匹配集合中的每个元素传递给函数，产生包含返回值的新 jQuery 对象。.next()获得匹配元素集合中每个元素紧邻的同辈元素。.nextAll()获得匹配元素集合中每个元素之后的所有同辈元素，由选择器进行筛选（可选）。.nextUntil()获得每个元素之后所有的同辈元素，直到遇到匹配选择器的元素为止。.not()从匹配元素集合中删除元素。.offsetParent()获得用于定位的第一个父元素。.parent()获得当前匹配元素集合中每个元素的父元素，由选择器筛选（可选）。.parents()获得当前匹配元素集合中每个元素的祖先元素，由选择器筛选（可选）。.parentsUntil()获得当前匹配元素集合中每个元素的祖先元素，直到遇到匹配选择器的元素为止。.prev()获得匹配元素集合中每个元素紧邻的前一个同辈元素，由选择器筛选（可选）。.prevAll()获得匹配元素集合中每个元素之前的所有同辈元素，由选择器进行筛选（可选）。.prevUntil()获得每个元素之前所有的同辈元素，直到遇到匹配选择器的元素为止。.siblings()获得匹配元素集合中所有元素的同辈元素，由选择器筛选（可选）。.slice()将匹配元素集合缩减为指定范围的子集。

转自：http://www.cnblogs.com/tylerdonet/archive/2013/04/05/3000618.html

0 0