使用Jquery将XML转换为HTML

时间:2014-08-26 19:49:27

标签: jquery html xml

我有XML格式的数据,并希望使用Jquery将其打印到HTML,但不知何故结果没有显示出来。我在这里错过了什么?请帮忙Live Code

JS

var xml='<Pages>
<Page Name="test">
    <controls>      
        <test>this is a test.</test>
    </controls>
</Page>    
<Page Name = "User">
    <controls>
       <name>Sunil</name>
    </controls>
</page>
</Pages>';


    xmlDoc = $.parseXML( xml ),
    $xml = $( xmlDoc ); 
$($xml).each(function(){
var found = $('this').find("Page[Name]>controls>name").text();
    $('#main').append(found);
});

HTML

<div id="main"></div>

1 个答案:

答案 0 :(得分:0)

(1)Javascript不支持隐式多行字符串。您必须执行以下操作之一:

var test = "String" +
           "String2

var test2 = "String \
            String2"

(2)您的XML中存在错误。最后一次</page>应为</Page>

(3)JQuery非常聪明,你可以用更简单的方式做你想做的事情:

$(xml).find("Page[Name]>controls>name").each(function(index, el) {
    $('#main').append($(el).text());
});

更新的小提琴在这里:http://jsfiddle.net/R37mC/452/