使用jquery循环遍历简单XML文件的元素

时间:2012-02-29 23:33:08

标签: jquery html xml

我正在阅读一个简单的XML文件:

<table>
    <title>List Title</title>
    <row rank="1" team_id="3" teamname="Name 1" score="205"/>
    <row rank="2" team_id="5" teamname="Name 2" score="100"/>
    <row rank="3" team_id="4" teamname="Name 3" score="77"/>
    <break/>
</table>

我需要用一个团队名称和分数表来填充html:

$(document).ready(function() {


        $.ajax({
                type: "GET",
            url: "http://theurl.com",
            dataType: "xml",
            async: false,
            contentType: 'text/xml', 

            success: function(data) {

                $(data).find('row').each(function() {  

                    var teamName = $(this).find('teamname').text();

                    console.log(teamName);
                });         

            }
        });

    });

我做错了什么?我没有在控制台中看到团队名称(虽然它确实显示“3”。将团队名称和分数放到html表中的最佳方法是什么?

2 个答案:

答案 0 :(得分:0)

使用jQuery解析XML数据时,会返回根中的一组元素。使用.filter()来获取集合中已有的行:

$(data).filter('row').each(function() {
    ...

答案 1 :(得分:0)

var teamName = $(this).attr(“teamname”);