javascript - js は、1 つのリスト内の特定の行を削除し、別のリスト内の対応するインデックス行を削除します。-PHP中国語ネットワークQ&A

RT!
リスト A の特定の行がクリックされて削除イベントが実行され、リスト B の対応する行が削除されるとき、これをインデックスメソッドで実現したいと考えています。
しかし、最初に削除イベントを実行したときは、対応するリスト内の正しい行が削除されましたが、2 回目にイベントを実行すると、リスト A とリスト B の削除された行は対応しなくなりました。クリックイベントが発生したリストであるリストAのインデックス値のようです。行を削除してもインデックスは変わりませんが、リストBのインデックスは自動的に減少します。 decrementメソッドでデバッグするのですが、何をやってもうまくいかず、一日悩んだのですが、結局問題が見つかりません。神様が混乱を解消してくれることを願っています！！！
以下は私が書いたテストコードです

リーリー

全員に返信 (3)

过去多啦不再A梦2017-06-12 09:30:30 3棟

デモ:
https://jsfiddle.net/ycloud/t...

いいねを押す+0

返信を追加

女神的闺蜜爱上我2017-06-12 09:30:30 2棟

簡単な方法は、list01 リストの各項目に data-xxx 属性を追加し、
list02 内の同じ data-xxx 属性で li をクエリし、それを削除することです。

デモ

世界只因有你2017-06-12 09:30:30 1棟

汗…この種の問題は1日かかるのでしょうか？
それぞれのインデックスは初期化中に決定されます。1 の場合は常に 1 になり、2 の場合は常に 2 になります。別のリストを削除するには、要素の現在のインデックスを使用する必要があります。
$('#list-2 li').each(function() {

早速、コードを見てみましょう:
http://jsfiddle.net/m6vhks4g/

時間があるときに私のウェブサイトにアクセスしてください: http://www.aizelasi.club/

新しいウェブサイトにはトラフィックがあまりありません。