javascript - jQuery:如何更改标签名称？

Question

jQuery:如何更改标签名称？

例如:

<tr>
    $1
</tr>

我需要

<div>
    $1
</div>

是的，我可以

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

但是我可以直接制作吗？

附言:

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

导致 DOMException。

Answer 1

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

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

引用:。 replaceWith

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

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