Jquery 将一个元素转换为类似的元素ala Div->；跨越并保留所有属性

假设我有这样一个元素：

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

你好 我想把它变成：

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

你好

---

我想用包裹/展开，但没有得到我需要的东西

编辑，从

RegExp

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

---

jshiddle

谢谢Matt，这不是我想要的。我不一定想要这些属性。我只想创建一个新元素，并确保属性的完整性完好无损。谢谢，因为我无法控制初始元素。这就是我需要动态转换它们的原因。“确保属性的完整性”到底意味着什么？如果不复制属性，就无法创建新元素并神奇地拥有相同的属性？可能是重复的