javascript - テーブル セル内のクラス別の次の div の jQuery セレクター

Question

私は多くのことを試しましたが、どれもうまくいかないようです。

私がやろうとしているのは、受け取ったすべての在庫のシリアル番号を保存するデータベースを作成することです。基本的な機能を動作させることができます。

HTML 内に、qty 入力に応じて追加のシリアル番号フィールドを追加する Javascript 関数があります。

私の唯一の問題は、テーブルに別の製品フィールドを追加してその数量フィールドを変更すると、すべてのシリアル番号セルに余分なフィールドが追加されることです。

私が必要としているのは、クラス「.serials」を使用して次の div の正しいセレクターを見つけることです。

jsFiddle: http://jsfiddle.net/AvKRW/10/

$(".serials").append("<input type='text' name='serial[]' id='serial-number' /><br />");

Answer 1

問題は、指定されたクラスを持つすべての要素を見つけて、それらすべてに追加していることです。

何方をお探しですか：

 $(".serials").last () 

または、使用することもできます

 $(".serials").eq (INDEX)

後者を使用すると、インデックスに基づいてシリアル ボックスの 1 つだけに追加できるようになります。

html 要素の dom ツリーを解析すると、選択した html 要素を必要な数だけに絞り込むことができるようです。私があなたのjsfiddleに加えた変更を見てください：

http://jsfiddle.net/AvKRW/7/