繰り返し処理

each()

• 繰り返し処理を記述する関数

HTML要素に対しての構文

HTML要素.each(function(index, element) {
    //繰り返し処理を記述する
})

$('li').each(function(index, element) {
    console.log(index + ': ' + $(element).text());
}) // 0: サンプル１
   // 1: サンプル２
   // 2: サンプル３

配列に対しての構文

HTML要素.each(function(index, value) {
    //繰り返し処理を記述する
})

const array = [4,7,1,8,5];
$.each(array, function(index, value) {
    console.log(index + ': ' + value);
}) // 0: 4
   // 1: 7
   // 2: 1
   // 3: 8
   // 4: 5

オブジェクトに対しての構文

$.each(obj, function(property, value) {
    console.log(property + ': ' + value);
})