jquery裡遍歷普通陣列和多維陣列的方法及例項

www.aijquery.cn發表於2018-06-16

jquery裡遍歷陣列用的是$.each,下面站長給大家幾個具體的例項:

例項1.遍歷一個普通的一維陣列:

1
2
3
4
5
6
7
8
<script>
//宣告資料有下面兩種方式
//var aijquery=new Array("a","b","c","d");
var aijquery=["a","b","c","d"];
$.each(aijquery,function(i,v){
    document.write(i+"."+v+"
"
);//輸出結果為:0.a 1.b 2.c 3.d
});
</script>

 

例項2:在jquery裡遍歷一個二維陣列:

1
2
3
4
5
6
7
8
9
var aijquery=[["a.1","a.2"],["b.1","b.2"],["c.1","c.2"]];
$.each(aijquery,function(i,v){
    document.write(i+":"+v+"<br>"); //這裡,把二維陣列裡的每一個子陣列當成上面一維陣列裡的每一個單獨項就好理解了
     
    //因為這個二維資料的每個項其實都是一個一維陣列,所以我們可以繼續用$.each來迴圈遍歷:
    $.each(v,function(i,v){
        document.write(i+"."+v+"
"
);
    });      
});

點這裡檢視具體的線上演示:jquery遍歷陣列的線上例項演示

 

相關文章