javascript - jQuery が指摘する質問 this

Question

要件:
リストの各列には「変更」ボタンがあります。変更ボタンをクリックすると、テキストエリアがポップアップして内容を入力し、対応するリストに保存できます。
質問:
ループを使用する場合 2 番目のリストの変更内容が保存されるたびに、前の リストの 変更内容は上書きされます。
コード: html

リーリー

jQuery、メソッド-1

リーリー

方法 2: ループ処理。前の 変更されたコンテンツ

も上書きされます。 リーリー

私は長い間この問題に悩んでいます。代替案は見つけましたが、この解決策はあまり良くないと感じています。後で HTML を変更すると機能しなくなります。ただし、それぞれを使用してループスルーしてください。インデックスのインデックス値、そしてこれは別の問題です。さまざまな方法を何度も試しましたが、何も機能しません。どこで間違ったのか本当にわかりません。
誰かが私にヒントを与えてくれることを願っています。みんなありがとう＃＃＃

Answer 1

リーリー

これに変更するだけです。

または

リーリー

リスニングイベントを.sure 元素的 on 事件放在了 li span 的点击事件，相当于你每点击一下 span，就会给 .sureに追加したため、クリックごとにもう一度応答します。

Answer 2

両方のコードに問題があります。

を使用している場合、ボタンがクリックされるたびに、このイベントは繰り返しバインドされます。 click 事件里面绑定了另一个 click

最も単純ですが非効率な解決策の 1 つは、ポップアップを閉じた後にボタンのバインドを解除することです。

リーリー

https://jsfiddle.net/gLfsa02b/

Answer 3

私はあなたによって溝に投げ込まれそうになりました...これがthis 的问题，而是因为每次点击 span 都会给 .sure 绑定一次事件，所以后来点 .sureではなかったとき、前のイベントを含めて n 個のイベントがトリガーされました。したがって、以前のものも上書きされるという効果が見られます。

リーリー

https://jsfiddle.net/v5hnhfam/

Answer 4

ドラゴンボートフェスティバルの休暇中に私の質問に答えてくれた上の兄弟たちに感謝します。すべての答えが私に多くのインスピレーションを与えてくれました。ありがとうございます。 ！ ！
しかし、私が受け入れることができる答えは 1 つだけです。数人の兄弟の評判を調べた結果、Oh Le の答えを採用しました。ありがとう！