「jQuery」eachでDOM要素を繰り返し処理する

2022年1月27日

書式
$(DOM要素タグ).each(function (インデックス, 要素) {
// 繰り返す処理コード
});
説明
functionの1つめの引数はインデックスです。
functionの2つめの引数は要素です。
DOM要素(タグ)に対して処理を繰り返します。

環境　jquery 3.6.0

使用例

<table>
      <tr>
            <td>住所</td>
            <td>名前</td>
            <td>年齢</td>
        <td>性別</td>
      </tr>
</table>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script>
   //td要素タグに対して処理を繰り返す
      $("td").each(function (idx, ele) {
            alert("インデックス: "+idx + " 要素: " + $(ele).text());
      });
</script>

実行結果
インデックス: 0 要素: 住所
インデックス: 1 要素: 名前
インデックス: 2 要素: 年齢
インデックス: 3 要素: 性別