javascript - jquery 从单个和多个标签解析 xml

Question

从 xml 节点返回文本时遇到问题。这一切都需要是动态的。这是 xml:

<instructions>Some ins text.</instructions>
<options>
    <option>1.png</option>
    <option>2.png</option>
    <option>3.png</option>
    <option>4.png</option>
</options>
<noOfOptions>4</noOfOptions>

这里是 jquery 解析代码:

currentPageData.push({
    title:$(xml).find("page").attr("name"),
    noOfOptions:$(xml).find("noOfOptions").text(), 
    text:$(xml).find("text").text(), 
    instructions:$(xml).find("instructions").text(), 
    option:$(xml).find("option").each(function() {
        $(this).text();
    }),

问题出在选项部分。这只返回一个对象。我认为这是因为 .each 函数。但是我需要所有它们，存在的要返回，我需要它在这样的 for 循环中返回文本:

for(i=0;i<noOfOptions;i++) {
    currentPageData[0].option[0];
}

以上是行不通的。我该如何解决？

谢谢!

Answer 1

要获取选项节点的文本内容，试试这个....

首先，您的 xml 无效。我添加了一个根节点

var xml = "<root>
               <instructions>Some ins text.</instructions>
               <options>
                   <option>1.png</option>
                   <option>2.png</option>
                   <option>3.png</option>
                   <option>4.png</option>
               </options>
               <noOfOptions>4</noOfOptions>
           </root>",
    xmlDoc = $.parseXML( xml ),
    $xml = $( xmlDoc ),
    $options = $xml.find("option"); // get all option nodes

然后使用 jquery.each 获取每个选项值

$.each($options, function() {
    console.log($(this).text());
});  

希望对你有帮助

fiddle : http://jsfiddle.net/JohnMcNulty/vRf9Z/