each用法

1.数组用法

1     <script>
2     var s=["s","i","l","e","n","c","e"];
3     $.each(s,
4         function(index,
5         item){
6         console.log('item %d is: %s',
7         index, item)
8         })
9     </script>

index表示索引值，item代表数组索引对应的元素

2,对象用法

 1 <script>
 2     var obj = { one:1, two:2, three:3, four:4};
 3         $.each(obj, function(key,i) {
 4            console.log(key,i);//one1 two2 three3 four4
 5         });
 6     $.each(obj,function(i){
 7         console.log(obj[i]);//1 2 3 4
 8     })
 9 
10 </script>

对象中的用法：function(key,i)key代表键值，i代表值;如果只有一个function(i)则i表示键值,上例中为one，two,three,four。

3,jquery中循环遍历

each() 方法规定为每个匹配元素规定运行的函数。提示：返回 false 可用于及早停止循环。

$(selector).each(function(index,element))

index - 选择器的 index 位置    



element - 当前的元素（也可使用 "this" 选择器）

 1 <body>
 2     <div class="con">
 3         <ul>
 4             <li>1</li>
 5             <li>2</li>
 6             <li>3</li>
 7             <li>4</li>
 8             <li>5</li>
 9         </ul>
10     </div>
11     <script src="js/jquery.min.js"></script>
12     <script>
13     $(".con li").each(function(){
14         console.log($(this).text());
15     })
16 
17     </script>
18 </body>

上例中遍历后，在控制台会输出1 2 3 4 5

但如果在14行后加上 return false，在控制台只会输出1