「jQuery」.each()で配列要素に対して繰り返し処理を行う
環境
jQuery 3.6.0
書式
$.each(配列名, function(idx, val){
処理コード
});
.each()を使用して配列要素に対して繰り返し処理を行います。
使用例
<!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title> 配列要素に対して繰り返し処理を行うサンプル</title> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script> <script> $(function(){ $('#btnLoop').click(function(){ //配列を生成 var cityArr = new Array(); cityArr.push("東京"); cityArr.push("大阪"); cityArr.push("福岡"); //配列を全件読込みをalertに出力する $.each(cityArr, function(idx, val){ alert(idx+val); }); }); }); </script> </head> <body> <input type="button" id="btnLoop" value="検証"> </body> </html>
実行結果
「検証」ボタンを押すと、配列の全要素をalertに出力する
0東京
1大阪
2福岡