JQuery怎麼循環輸出數組元素-html知識-PHP中文網

首頁

每日程式設計

html知識

JQuery怎麼循環輸出數組元素

藏色散人

Dec 13, 2018 pm 03:33 PM

用JQuery循環輸出數組元素即數組中的所有值，我們可以使用jQuery.each()方法來實現，each()或$.each()可用於無縫迭代即循環任何集合，無論是對象還是數組。

JQuery怎麼循環輸出數組元素

下面我們結合具體的程式碼範例，介紹給大家JQuery循環遍歷輸出陣列元素的方法。

程式碼範例如下：

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>JQuery循环遍历输出数组元素示例</title>
    <script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function(){
            var arr= ["Apple", "Banana", "Orange", "Mango", "Pineapple"];
            $.each(arr, function(index, value){
                $("#result").append(index + ": " + value + &#39;<br>&#39;);
            });
        });
    </script>
</head>
<body>
</body>
<div id="result"></div>
</html>

登入後複製

$.each()方法中有兩個參數，第一個參數，也就是要循環的陣列名稱，第二個參數則是一個方法。

這裡我們定義了一個arr數組，然後在這個方法中每次回調就傳遞一個數組索引（index）和對應的數組值（value），再通過append()方法將循環輸出指定數組值的結果列印出來。

結果如下圖：

JQuery怎麼循環輸出數組元素