jQueryオブジェクト .each()

jQueryオブジェクトにマッチする各HTML要素に対して実行する処理を指定する。

jQueryObject.each(function(){statements})

jQueryObject.each(function(index){statements})

jQueryObject.each(function(index,element){statements})

index

jQueryオブジェクトにマッチしたHTML要素のインデックス番号が渡される。

element

jQueryオブジェクトにマッチしたHTML要素が渡される。

statements

jQueryオブジェクトにマッチする各要素に対して実行する処理を指定する。

使用例

each メソッドの使用例を以下に示す。

HTML

<ol>
  <li>first</li>
  <li>second</li>
  <li>third</li>
</ol>

JavaScript

$("#btn").click(function (){
  $("ol li").each(function (i, e) {
    e.innerHTML = i + " " + e.innerHTML;
  });
});

実行結果

1. first
2. second
3. third

参考文献

OpenJS Foundation (2022) .each(). jQuery API Documentation