1

我在 html 中有一个表格行，其中有 3 个输入字段，如下所示。

 <tr class="prototype">
<td>
      <input id="" type="text" value="" name="">
</td>
<td>
     <input id="" type="text" value="" name="">
</td>
<td>
     <input id="" type="text" value="" name="">
</td>

    </tr>

现在我正在克隆这一行并尝试为新创建的行分配 ID 和名称。

如何为新创建的行分配 ID 和名称。

我正在克隆如下行。

        var master = $("table.myTable");
    var prot = master.find("tr.prototype").clone();
    prot.removeClass('prototype');
    prot.addClass("someClass");

         // for all inputs of prot row i need to assign unique ids and names.

    jQuery('table.myTable tr:last').before(prot);

如何获取新创建行的输入元素并在将行添加到表之前/之后分配 ID 和名称？

谢谢！

4

3 回答 3

1 
$(".someClass").children('input').each(function(index){
   $(this).attr('id',$(this).attr('id')+index);
   $(this).attr('name',$(this).attr('name')+index);
})

该代码只是将索引附加到输入的原始 id 和名称。

于 2013-08-20T16:52:10.317 回答
1

为三个输入中的每一个添加一个类并添加如下属性：

prot.find('.your_class_for_input_1').attr('name', 'your_new_name').attr('id', 'your_new_id');
prot.find('.your_class_for_input_2').attr('name', 'your_new_name').attr('id', 'your_new_id');
prot.find('.your_class_for_input_3').attr('name', 'your_new_name').attr('id', 'your_new_id');

希望有帮助。

于 2013-08-20T16:49:50.890 回答
1

您可以使用$(selector).attr('id', name)来分配新 ID，也可以使用$(selector).attr('name', id)来分配新名称。

于 2013-08-20T16:50:13.387 回答