如何使用jquery更改元素类型

Question

如何使用jquery更改元素类型我有以下代码<b class="xyzxterms" style="cursor: default; ">bryant keil bio</b>如何将b标签替换为标签，h1但保留所有其他属性和信息？

Answer 1

关于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);

DEMO

虽然不确定跨浏览器兼容性如何。

变化可能是：

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]。

Answer 2

这是一个进一步的改进，因此它可以同时处理多个元素。

$.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);};