More than 3 years have passed since last update.

jQuery DOM に対して forEach は使えない

Posted at 2021-11-12

jQuery を使っていて所得した DOM に対して繰り返し処理をしたかった

で、以下みたいなコードを書いてみる

　 let item_id = $(".edit_worship_stars")
    item_id.forEach((item) => {

しかしなぜか動かない
debugger で止めてコンソールで見てみる

ここで item_id[0]とか打つとちゃんと出力される

しかし item.id.forEach をうつと undefined

なぜ

DOM に対して forEach は使えないらしい
なので jQuery 特有のメソッドとして DOM に対しては each() メソッドを使うらしい

上を参考にして

    let stars = $(".edit_worship_stars")
    stars.each(function(index, item) {

としてみる。

すると無事発火