JQuery - 在第一个textfield .change事件的克隆表

时间:2011-12-15 19:22:47

标签: jquery loops

.change克隆适用于第一个字段,但不适用于第二个字段。我可以在循环中添加什么?

感谢。

<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>

1 个答案:

答案 0 :(得分:4)

.clone()更改为.clone(true)以克隆事件处理程序。

<强> JSFIDDLE DEMO


如果您希望将change处理程序绑定到两个输入,那么只需将第二个元素的ID添加到选择器:

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