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

时间:2013-12-03 11:44:30

标签: javascript jquery xml

从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];
}

以上不起作用。我该如何解决?

谢谢!

1 个答案:

答案 0 :(得分:3)

要获取选项节点的文本内容,请尝试此....

首先,您的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());
});  

希望有所帮助

小提琴: http://jsfiddle.net/JohnMcNulty/vRf9Z/