JQueryで出力配列要素をループする方法-HTMLの知識-php.cn

JQueryで出力配列要素をループする方法

藏色散人

リリース： 2020-06-12 14:00:57

オリジナル

14415 人が閲覧しました

JQuery を使用して配列要素、つまり配列内のすべての値をループします。これを実現するには jQuery.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()メソッドには 2 つのパラメータがあります。最初のパラメータは、配列の名前です。 2 番目のパラメータはメソッドです。

ここでは、arr 配列を定義し、配列インデックス (index) と対応する配列値 (value) をこのメソッドの各コールバックに渡し、その後 append() メソッドを渡します。指定された配列値をループした結果を出力します。

結果は次のとおりです:

JQueryで出力配列要素をループする方法