jQuery.replaceTagName
以下是一个 jQuery 插件，用于替换 DOM 元素的标签名称。
Source
(function($) {
$.fn.replaceTagName = function(replaceWith) {
var tags = [],
i = this.length;
while (i--) {
var newElement = document.createElement(replaceWith),
thisi = this[i],
thisia = thisi.attributes;
for (var a = thisia.length - 1; a >= 0; a--) {
var attrib = thisia[a];
newElement.setAttribute(attrib.name, attrib.value);
};
newElement.innerHTML = thisi.innerHTML;
$(thisi).after(newElement).remove();
tags[i] = newElement;
}
return $(tags);
};
})(window.jQuery);
缩小源代码
(function(e){e.fn.replaceTagName=function(t){var n=[],r=this.length;while(r--){var i=document.createElement(t),s=this[r],o=s.attributes;for(var u=o.length-1;u>=0;u--){var a=o[u];i.setAttribute(a.name,a.value)}i.innerHTML=s.innerHTML;e(s).after(i).remove();n[r]=i}return e(n)}})(window.jQuery);
Usage
在 jQuery 之后将上述缩小的源代码包含在您的 javascript 中。
然后你可以像这样使用该插件：
$('div').replaceTagName('span'); // replace all divs with spans
或者在你的情况下是这样的：
$('td').replaceTagName('th');
jQuery 选择器按预期工作
$('.replace_us').replaceTagName('span'); // replace all elements with "replace_us" class with spans
$('#replace_me').replaceTagName('div'); // replace the element with the id "replace_me"
更多资源
jsFiddle 与 Qunit 测试 http://jsfiddle.net/xkt5q/2/
