Question

在JS中，我有一个带有以下XML的变量data：

<data>
    <delivery>
        <checklist>Pre-Vehicle Check Bulk</checklist>
        <delivery>800056799</delivery>
        <shipment>105065995</shipment>
        <driverName>John Doe</driverName>
        <driverLanguage>NL</driverLanguage>
        <country>Belgium</country>
        <product>01248741</product>
        <productDescription>Metam 200%-33</productDescription>
        <location>P0204A</location>
    </delivery>
    <questions>
        <question>
            <id>Question-1</id>
            <driver>true</driver>
            <operator>true</operator>
            <isAnswered>false</isAnswered>
            <answer/>
            <options>
                <option>OK</option>
                <option>NOK</option>
                <option>NA</option>
            </options>
        </question>
        <question>
            <id>Question-2</id>
            <driver>true</driver>
            <operator>false</operator>
            <isAnswered>false</isAnswered>
            <answer/>
            <options>
                <option>OK</option>
                <option>NOK</option>
            </options>
        </question>
    </questions>
</data>

我正在基于这个XML创建一个JS对象。结果应该是一个有问题的数组。每个问题都有其属性和一系列选项。因此，基本上与您在questions标记

下的XML中看到的结构相同

以下是生成对象的JS代码：

var questions = [];
$(data).find("question").each(function(){
    var options = [];
    $(this).find("option").each(function(){
        options.push($(this).text());
    });

    questions.push({
        id : $(this).find("id").text(),
        driver : $(this).find("driver").text(),
        operator : $(this).find("operator").text(),
        isAnswered : $(this).find("isAnswered").text(),
        answer : $(this).find("answer").text(),
        title : $(this).find("title").text(),
        text : $(this).find("text").text(),
        text_driver : $(this).find("text_driver").text(),
        options : options
    });
});

现在问题是选项不会被添加。从调试器中我可以看到，在第一个.each <option>标记从当前节点this中删除后。所以价值是：

<options>OKNOKNA</options>

如何使用JQuery实现多个XML级别的循环？

编辑：它似乎与IE9有关，我需要让它在这个特定的浏览器上工作。

Answer 1

我猜IE9认为这些是无效位置的HTML选项元素。

使用jQuery.parseXML()解析它，然后再将其传递给$。

使用JQuery迭代深度XML结构 - IE9

1 个答案: