将一个元素转换为类似的元素 ala Div -> Span 并保留所有属性答案

【问题标题】：convert one element into a like element ala Div -> Span and retain all attributes将一个元素转换为类似的元素 ala Div -> Span 并保留所有属性
【发布时间】：2014-08-05 02:06:31
【问题描述】：

假设我有一个这样的元素：

<div id="color1" foo="test" class="yes">Hello</div>

我想把它变成：

<span id="color1" foo="test" class="yes">Hello</span>

我想使用 wrap/unwrap，但没有完全得到我需要的东西。

【问题讨论】：

stackoverflow.com/questions/14645806/…
谢谢马特，这不是我想要的。我不一定想要这些属性。我只想创建一个新元素并确保属性的完整性完好无损。不过谢谢。
@Ker 因为我无法控制初始元素。这就是为什么我需要即时转换它们。
“确保属性的完整性完好无损”究竟是什么意思？要么你想复制属性，要么不复制，你不能创建一个新元素并神奇地拥有相同的属性而不复制它们？
how to change an element type using jquery的可能重复

标签： jquery

【解决方案1】：

编辑，从RegExp 中删除g modifier

var _s = $("div#color1").clone()[0].outerHTML.replace(/div/, "span");
$("div#color1").replaceWith(_s);

jsfiddle http://jsfiddle.net/guest271314/E53tN/

【讨论】：