jQuery eachメソッドを使ってオブジェクトを繰り返し処理するサンプル
環境
Google Chrome 105.0.5195.127
Windows 10 Home 64bit
jquery 3.6.1
構文
$.each(object1,function (key, val) {
// 繰り返す処理コード
});
オブジェクト(連想配列)に対して処理を繰り返します。
functionの1つめの引数はオブジェクトのキーです。
functionの2つめの引数はオブジェクトの値です。
セレクタの指定はありません。
使用例
<!DOCTYPE html> <html> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script> <script> // オブジェクトの定義 const city = { 11:"東京", 22:"大阪", 33:"福岡" } $.each(city,function(key,val) { // オブジェクトのキーと値を出力する console.log( key + ": " + val); }); </script> </head> <body> </body> </html>
実行結果
11: 東京
22: 大阪
33: 福岡