IE - JQuery 在 $.each 循环中将子节点附加到 XML - IE - JQuery appending child nodes to XML in $.each loop 小贝子编程网

我遇到了IE无法正确附加或识别我尝试将子节点附加到解析的XML字符串中的问题。Chrome 和 Firefox 理解我想要做什么。我不知道这是范围问题还是IE和XML的行为。

var dataContainers = $('[data-container]');
var containerXML = $.parseXML('<inlineSubmission><userid>'+userID+'</userid><guid>'+GUID+'</guid><contentField><![CDATA[FlexXML]]></contentField><content><containers></containers></content></inlineSubmission>');
$.each(dataContainers,function (key,value) {
var containerID = $(value).attr('id'),
        isVisible = $(value).is(':visible'),
        xmlFragment;
xmlFragment = '<container><name>'+containerID+'</name><visible>'+isVisible+'</visible></container>';
$(containerXML).find('containers').append(xmlFragment);
});
console.log(containerXML)

Chrome 和 Firefox 都正确返回：

<inlineSubmission><userid>55555</userid><guid>22222-222-2-22-222</guid><contentField><![CDATA[FlexXML]]></contentField><content><containers><container><name>heroContainer</name><visible>true</visible><bgcolor>undefined</bgcolor><textcolor>undefined</textcolor><subitem><name>contactInfo</name><visible>none</visible><location>undefined</location></subitem></container><container><name>contentContainer</name><visible>true</visible></container><container><name>cnmContainer</name><visible>true</visible></container><container><name>accountAccessContainer</name><visible>true</visible></container><container><name>promoContainer</name><visible>true</visible></container><container><name>contactContainer</name><visible>true</visible></container></containers></content></inlineSubmission>

当 IE 返回原始变量值时：

<inlineSubmission><userid>55555</userid><guid>22222-222-2-22-222</guid><contentField><![CDATA[FlexXML]]></contentField><content><containers /></content></inlineSubmission>

任何帮助将不胜感激！

尝试用 $(containerXML.documentElement) 代替 $(containerXML) 。

$(containerXML)返回#document，具有document的context，例如;

$(document).append("<p>abc</p>")

不会将<p>abc</p>附加到<html>或<body>元素，并且可能会返回错误：

TypeError: Cannot read property 'createDocumentFragment' of null .

$(containerXML.documentElement)返回<inlinesubmission>元素，具有context inlinesubmission

var userID = "abc", GUID = 123, containerID = 456, isVisible = true;
var xmlFragment = '<container><name>'
                  +containerID+'</name><visible>'
                  +isVisible+'</visible></container>';
var containerXML = $.parseXML('<inlineSubmission><userid>'
                              +userID+'</userid><guid>'
                              +GUID+'</guid><contentField><![CDATA[FlexXML]]>'
                              +'</contentField><content><containers></containers>'
                              +'</content></inlineSubmission>');
console.log($(containerXML)
            , $(containerXML.documentElement).find("containers"));
$(containerXML.documentElement).find("containers").append(xmlFragment);
$("body").append($(containerXML.documentElement));

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

终于让它工作了。感谢您的回答！他们给了我正确的前进方向：

var containerXML = $('<inlineSubmission><userid>'+userID+'</userid><guid>'+GUID+'</guid><contentField>FlexXML</contentField><content><containers></containers></content></inlineSubmission>');
$.each(dataContainers,function (key,value) {
var containerID = $(value).attr('id'),
    isVisible = $(value).is(':visible'),
    xmlFragment;
xmlFragment = $('<container><name>'+containerID+'</name><visible>'+isVisible+'</visible></container>')
$(containerXML).find('containers').append(xmlFragment);
});
var parsedXML = $.parseXML(containerXML[0].outerHTML);
console.log(parsedXML)

IE - JQuery 在 $.each 循环中将子节点附加到 XML

相关内容

最新更新

热门标签：