タイトル: ID によって最新の子要素を削除する JavaScript の効果は限定的

Question

ユーザーがボタンをクリックして入力を削除できる動的リストを作成しています。新しい入力が作成されると、新しい入力が生成されるたびに 1 ずつ増加するカウンターを使用して、子要素に ID を割り当てます。しかし、ID で入力を削除しようとすると、最後に作成された入力のみが削除可能のようです。

新しい入力を 5 つ生成し、input:2 の削除ボタンをクリックすると、5 番目の入力とボタンが削除されることに気付きました。したがって、プロセスの早い段階で入力とボタン ID を設定したとしても、削除ボタンのクリックは行カウンターの現在の値のみに依存します。

古い ID を指定する方法について誰かが教えてくれませんか?それとも全く別の方法で書き直す必要があるのでしょうか？私は JS を初めて使用するので、これがひどい JS スクリプトだったら申し訳ありません。

リーリー リーリー

Answer 1

row の値は反復ごとに変化し、クリック関数はその最後の値のみを考慮します。 let、bind を使用してスコープを設定することも、要素を削除関数に渡すだけで、検索もスキップされます。

リーリー リーリー

Answer 2

新しい要素が追加されるたびに、row の値が更新されるため、ID を取得するために row を直接使用しないでください。 button.id および input.id への直接アクセス。

リーリー リーリー