TA貢獻1813條經驗 獲得超2個贊
關于jQuery不確定。使用純JavaScript，您可以：
var new_element = document.createElement('h1'),
old_attributes = element.attributes,
new_attributes = new_element.attributes;// copy attributesfor(var i = 0, len = old_attributes.length; i < len; i++) {
new_attributes.setNamedItem(old_attributes.item(i).cloneNode());}// copy child nodesdo {
new_element.appendChild(element.firstChild);} while(element.firstChild);// replace elementelement.parentNode.replaceChild(new_element, element);雖然不確定跨瀏覽器兼容性如何。
變化可能是：
for(var i = 0, len = old_attributes.length; i < len; i++) {
new_element.setAttribute(old_attributes[i].name, old_attributes[i].value);}有關更多信息，請參閱Node.attributes [MDN]。
TA貢獻1843條經驗 獲得超7個贊
這是一個進一步的改進，因此它可以同時處理多個元素。
$.fn.changeElementType = function(newType) {
var newElements = [];
$(this).each(function() {
var attrs = {};
$.each(this.attributes, function(idx, attr) {
attrs[attr.nodeName] = attr.nodeValue;
});
var newElement = $("<" + newType + "/>", attrs).append($(this).contents());
$(this).replaceWith(newElement);
newElements.push(newElement);
});
return $(newElements);};舉報