jQuery遍歷的幾種方式


一、jQuery對象遍歷

1     <script type="text/javascript" src="js/jquery-3.4.1.js"></script>
2     <script>
3         var cities = ["深圳市","廣州市","珠海市","上海市","北京市"];
4         //jQuery對象調用遍歷
5         $(cities).each(function(i,n) {
6             console.log(i+" = "+n);
7         });
8     </script>
View Code

二、jQuery函數調用

1 <script>
2     //jQuery函數調用
3     $.each(cities,function(i,n) {
4         console.log(i+" > "+n);
5     });
6 </script>
View Code

三、純JavaScript實現

 1 <script>
 2         var cities = ["深圳市","廣州市","珠海市","上海市","北京市"]
 3         
 4         function callback(i,n) {
 5             console.log("123:" + i + n);
 6         }
 7 
 8         function foreach(array,callback) {
 9             for (var i = 0; i < array.length; i++) {
10                 var item = array[i];
11                 callback(i,item);
12             }
13         }
14         //調用
15         foreach(cities,callback);
16 </script>
View Code

  效果

效果

 

  參考鏈接:https://blog.csdn.net/Woo_home/article/details/91375539


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM