JQUERY中 .each()的用法。

最新推荐文章于 2023-11-16 22:16:57 发布

转载最新推荐文章于 2023-11-16 22:16:57 发布 · 84 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/xingyue1988/p/6244120.html

文章标签：

#javascript #ViewUI

本文通过两个实例介绍 jQuery 中 .each() 方法的基本用法。第一个实例展示了如何使用 .each() 遍历普通数组并输出每个元素；第二个实例则演示了 .each() 如何处理二维数组，通过回调函数获取并输出每个子数组的第一个元素。

.each()方法的两个简单例子

用法1.

<script type="text/javascript">
$("#dianji").click(function(){
    var attr = [ "one", "two", "three", "four"];     
  $.each(attr, function(){     //遍历数组attr中的每一项
     alert(this);     
  });     
 //上面这个each输出的结果分别为：one,two,three,four     
})
  

</script>

用法2.

<script type="text/javascript">
$("#dianji").click(function(){
var Attr = [[1, 4, 3], [4, 6, 6], [7, 20, 9]]     
 $.each(Attr, function(i, aa){      
    alert(aa[0]);     
 });  
     //i表示Attr数组当前下标   
 //其实Attr为一个二维数组，aa相当于取每一个一维数组，   把二维数组attr遍历成一位数组aa
 //aa[0]相对于取每一个一维数组里的第一个值   
 //所以上面这个each输出分别为：1   4   7        
})
  

</script>