jquery - 何时使用 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');

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

概括这个问题，是否会有一个隐藏的 DOM 元素，然后在需要 jQuery 的良好实践时克隆该元素？还是有针对此类问题的更清洁的解决方案？

谢谢！

score 1 · Accepted Answer

没有将格式硬编码到 JavaScript 中，这确实是最好的方法。

另一种方法是复制现有的（数据）行并从元素中删除所有文本。然后你得到一个没有隐形行的克隆。

还有一些插件可以处理这个问题，比如dynoTable和其他。

1 回答 1