您可以使用 jquery 更改 xml 的节点名称吗？答案

【问题标题】：Can you change the node name of an xml using jquery?您可以使用 jquery 更改 xml 的节点名称吗？
【发布时间】：2012-11-28 22:34:11
【问题描述】：

我知道我们可以通过使用 nodeName 来获取节点名称，但是是否也可以使用 jquery 来设置 nodeName？基本上我想将节点名称的大小写从大写改为小写。

非常感谢

【问题讨论】：

您可以使用 $.parseXML 解析 XML，然后将其包装在 $(xml) 中，并将其视为 html，使用 find()、attr() 等，但正如您所指的那样作为一个节点名，那么可能是一个标签名，你可能无法更改它。您真正需要做的就是尝试一下，看看它是否有效？总有string.replace()？
是的...但字符串操作将是一个矫枉过正...想避免它...我可以使用来自 broswer 的 renameNode() 方法来自定义 xml 吗？
不知道，您为什么不尝试一下并告诉我们它是否有效。我试过FIDDLE 并不能完成这项工作？

标签： javascript jquery html

【解决方案1】：

我相信为了正确执行此操作，您需要按照此处所述替换该标记： jQuery: how to change tag name?

不幸的是，这将需要您替换整个元素而不仅仅是标签名称，因此如果您想替换标签名称，您需要找到一种方法来保留标签的属性以及其中的代码。

幸运的是，我有额外的几分钟，所以我创建了一个函数：

function change_tag_name(selector,tagname){
    var old_elm = $(selector);
    //Create a jquery element based on selector
    var original_elements = old_elm.get();
    //Get the array of original dom objects
    //Note: We get the original dom objects because jQuery objects do not provide access to the attributes array
    for(var i=0; i< original_elements.length; i+=1){
        var original_element = original_elements[i];
        //Create reference to original element in dom
        var new_elm = $(document.createElement(tagname));
        //Create new element with desired tagname
        new_elm.html($(original_element).html());
        //Add original element's inner elements to new element

        var original_attributes = original_element.attributes;
        //Create an array of the original element's attributes;
        var attributes = new Object();
        //Create a new generic object that will hold the attributes for the new element

        for(var j=0; j<original_attributes.length; j+=1){
            var attribute = original_attributes[j];
            var name = attribute.nodeName;
            //Note: The attributes "nodeName","localName",and "name" appear to have the same value, so I just chose one. It's entirely possible that these could have different values in different contexts...
            //var name = attribute.localName;
            //var name = attribute.name;
            var value = attribute.nodeValue;
            //Note: The attributes "nodeValue","textContext",and "value" appear to have the same value, so I just chose one. It's entirely possible that these could have different values in different contexts...
            //var value = attribute.textContext;
            //var value = attribute.value;
            attributes[name]=value;
        }
        //Populate attributes object
        new_elm.attr(attributes);
        //Assign attributes from old element to new element        
        $(original_element).replaceWith(new_elm);
        //Replace old_element with new element 
    }
}

另外，我认为没有办法保证属性按原始顺序排列。

【讨论】：

【解决方案2】：

您无法更改节点名称，但您可以创建一个具有不同名称的新节点，复制属性，然后用另一个替换一个。

jQuery 使区分属性和属性变得困难，您可以使用 IE 专有的 outerHTML 属性（在其他一些浏览器中支持）和字符串操作，但这通常不适用于 Web .

如果有很多这样的节点，则全局替换 "

【讨论】：