首頁猿問如何使用jquery更改元素類型

如何使用jquery更改元素類型

JavaScript JQuery

瀟湘沐 2019-07-30 16:25:13

如何使用jquery更改元素類型我有以下代碼<b class="xyzxterms" style="cursor: default; ">bryant keil bio</b>如何將b標(biāo)簽替換為標(biāo)簽，h1但保留所有其他屬性和信息？

查看完整描述

3 回答

慕姐8265434

TA貢獻(xiàn)1813條經(jīng)驗獲得超2個贊

關(guān)于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);}

有關(guān)更多信息，請參閱Node.attributes ^[MDN]。

反對回復(fù) 2019-07-30

藍(lán)山帝景

TA貢獻(xiàn)1843條經(jīng)驗獲得超7個贊

這是一個進(jìn)一步的改進(jìn)，因此它可以同時處理多個元素。

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

反對回復(fù) 2019-07-30