JQuery - 最初のテキストフィールド.changeイベントのテーブルのクローン

Question

.changeクローンは、最初のフィールドでは機能しますが、2番目のフィールドでは機能しません。ループに何を追加できますか？

ありがとうございました。

<table> 
    <tr> 
    <td><input type="text" id="txtA" name="txtA"></td> 
    <td><input type="text" id="txtB" name="txtB"></td> 
    </tr> 
</table> 

<script> 
    var i = 1; 
    $("#txtA").change(function() { 
     $("table tr:first").clone().find("input").each(function() { 
      $(this).val('').attr('id', function(_, id) { return id + i }); 
     }).end().appendTo("table"); 
     i++; 
    }); 
</script> 

Answer 1

また、イベントハンドラのクローンを作成する.clone(true)に変更.clone()。

JSFIDDLE DEMO

---

あなたはchangeハンドラは両方の入力にバインドしたいことを意味している場合、単にセレクタに第二の要素のIDを追加します。

$("#txtA,#txtB").change(...