可能的重复：
更改标签名称但保留所有属性 https://stackoverflow.com/questions/6482847/change-the-tag-name-but-keep-all-the-attributes
是否可以更换一个<a>带有一个标签<span>标记并保留其所有属性？
我有这个 HTML，当有人点击Edit我想将所有编辑链接转换为跨度
<a href="javascript:void(0);" class="edit" data-id="123">Edit</a>
用户完成编辑后（通过按Save or Cancel）然后我想将所有跨度标签转换回链接。
$(".edit").live("click", function(){
$(".edit").addClass("inactive-link");
});
这应该适合您的需求：
function switchTag(e, toTag) {
var outerHTML = e.outerHTML;
outerHTML = outerHTML.replace(/^<([a-z])(.*?)>(.*?)<\/\1>$/ig, "<" + toTag + "$2>$3</" + toTag + ">");
e.outerHTML = outerHTML;
};
使用示例：
$(".edit").click(function() {
switchTag(this, "span");
});
提供演示 http://jsfiddle.net/8kKMS/ ;)
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
