jQuery：如何更改标签名称？

Question

jQuery：如何更改标签名称？

例如：

 <tr>
    $1
</tr>

我需要

<div>
    $1
</div>

我可以

1. 创建 DOM 元素
2. 复制tr内容到div
3. 从 dom 中删除 tr

但是我可以直接做吗？

附言：

     $(tr).get(0).tagName = "div";

结果为 DOMException 。

原文由 puchu 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

您可以使用 jQuery 的 .replaceWith() 方法替换任何 HTML 标记。

示例：http: //jsfiddle.net/JHmaV/

参考： 用。。。来代替

如果你想保留现有的标记，你可以使用这样的代码：

 $('#target').replaceWith('<newTag>' + $('#target').html() +'</newTag>')

原文由 jAndy 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

不，根据 W3C 规范，这是不可能的：“DOMString 类型的 tagName，只读”

http://www.w3.org/TR/DOM-Level-2-Core/core.html

原文由 ggarber 发布，翻译遵循 CC BY-SA 2.5 许可协议