JSクロージャのループバインディングハンドラについての簡単な説明_基礎知識

数日前、仕事でフロントエンドの JS コードを書いていたとき、要素を走査してクリック イベントを要素に追加するという問題に遭遇しました。この質問で、私は午後ずっと耳を傾けていました。結局、仕事を終えて家に帰り、問題を解決する方法を見つけるためにネットで情報を調べました。 (追記:ループ バインディング ハンドラーについては、以前「JQuery 基礎チュートリアル」の第 4 版でも読みました。当時はあまり注目していなかったので覚えていませんでした。)
マスターがこのような状況を知っている場合は、ウィンドウを閉じていただいても構いません。主に私のような初心者向けにこれを書いています。ありがとう！

まず、誰もが見れるようにエラーの例を投稿します。 (例ではjQueryを使用しています。jQueryライブラリをインポートしてください)

コードをコピーします コードは次のとおりです:

http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >
http://www.w3.org/1999/xhtml">