如何使用 jQuery 克隆没有数据但只有结构的 <tr> 元素？

Posted 2023-03-05

【中文标题】如何使用 jQuery 克隆没有数据但只有结构的 <tr> 元素？

【英文标题】：How to clone a <tr> element without data but only the structure by using jQuery?

【发布时间】：2011-09-06 02:31:34

【问题描述】：

有没有一种快速的方法来克隆 <tr> 元素而不在单元格中包含其内容？基本上是有一个纯粹的<tr> 元素，其结构与原始元素的结构相同？

【问题讨论】：

你是说深克隆还是浅克隆？

深度克隆是指表格单元格中的所有子元素？

【参考方案1】：

如果您想要一个没有文本内容的元素的深层克隆，您可以编写如下内容：

var $cloned = $("tr").clone().children().text("").end();

【讨论】：

不错 - end() 到底是干什么用的？

@Shadow Wizard，它就在这里，所以$cloned 将引用克隆的<tr> 元素，而不是find("*") 匹配的元素。

这是否会以原始状态（即原始文本）返回trs？对此感到困惑api.jquery.com/end

@TheSuperTramp，它将返回克隆的<tr> 元素，不包含原始文本。 end() 只允许将匹配的元素集恢复到之前的状态。您可以将该行翻译为 匹配表行，克隆它，然后匹配其所有（克隆的）后代，将它们的内部文本设置为空字符串，然后忘记它们并返回克隆的表行，然后返回那个.

@Frédéric Hamidi 感谢您的精彩解释