何时使用clone()

Question

我需要动态地向表中添加行。我知道我希望模型行看起来如下所示：

<tr id="row">
  <td><input type="text" name="name"/></td>
  <td><span>TEXT HERE</span></td>
  <td><input type="checkbox" name="asdf"/></td>
</tr>

我在想，我是应该只编写代码从头开始重新生成这一行，还是应该使用jQuery的clone()方法，这样做：

//Would document this better in production
$('#row').clone().attr('id', 'row2').insertAfter('#row');  

然后确保使用CSS隐藏原始的#row元素。

概括这个问题，拥有一个隐藏的DOM元素，然后在需要时克隆该元素对jQuery来说是一种好的实践吗？或者，对于这类问题，有没有更干净的解决方案？

谢谢!

Answer 1

除了将格式硬编码到JavaScript之外，这确实是最好的方法。

另一种方法是复制现有行(数据)并从元素中删除所有文本。然后你得到一个没有不可见行的克隆。

也有一些插件可以处理这个问题，比如dynoTable和others。