ホームページ > 記事 > ウェブフロントエンド > jqueryは配列の値を取得できますか?
配列の値はjqueryで取得できます。取得方法: 1. each() メソッドを使用して、指定された配列を走査します。構文は「$.each (走査する配列、ループ実行用の関数を指定します)」です; 2. で「append(value)」を使用します。指定されたループ関数)」を実行して配列の値を取得します。
このチュートリアルの動作環境: Windows10 システム、jquery3.2.1 バージョン、Dell G3 コンピューター。
jquery では、 each() メソッドを通じて配列を走査して配列内の値を取得します
新しい HTML を作成するファイルに名前を付けます。test.html です。jQuery が配列を走査して配列内の値を取得する方法を説明するために使用されます。
jquery.min.js ライブラリ ファイルを導入し、ファイルを正常にロードしてから、jquery でメソッドを使用できるようにします。 div を使用してモジュールを作成し、その ID を出力に設定します。これは、div 内の配列の値を出力するために使用されます。
js タグで、myArray 配列変数を定義します。配列には、「Athens」、「Belgrade」、「Cairo」という 3 つの値があります。
$.each() メソッドを使用して、myArray 配列を走査します。このメソッドの最初のパラメータは配列変数で、2 番目のパラメータは関数メソッドです。ここで、index は配列のインデックス、value は配列の値。
id(output) を通じて div オブジェクトを取得し、append() メソッドを使用して配列値をページ上に段落形式で出力します。
ブラウザで test.html ファイルを開いて結果を表示します。
概要:
1. test.html ファイルを作成します。
2. ファイル内で div を使用してモジュールを作成します。
3. js タグで、配列内の 3 つの値を持つ myArray 配列変数を定義します。
4. js タグ内で、$.each() メソッドを使用して myArray 配列を走査し、div オブジェクトを取得し、append() メソッドを使用して配列の値をページに出力します。段落の形式。
Notes
$.each() メソッドの最初のパラメータは配列で、2 番目のパラメータは関数メソッドです。
推奨される関連ビデオ チュートリアル: jQuery ビデオ チュートリアル
以上がjqueryは配列の値を取得できますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。