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