使用ajax循环遍历xml

Question

我正在尝试使用 each 循环一个接一个地获取多个乐队名称，但我得到的只是循环中的最终名称。谁能告诉我我做错了什么。

XML 结构：

<resultsPage>
  <results>
    <event type="concert">
      <performance displayName="bandname1"></performance>
      <performance displayName="bandname2"></performance>
      <performance displayName="bandname3"></performance>
    </event>
  </results>
</resultsPage>

ajax：

$.ajax({
    url: 'xml/timeline.xml',
    dataType: 'xml',
    success: function(data){
        $(data).find('resultsPage results event').each(function(){
            var type = $(this).attr('type');
            var band = $(this).find('performance artist').each(function(){
                name = $(this).attr('displayName');
            })

            $('.timeline ul').append(
                '<li>A '+type+' played by '+name+'</li>'
            );

        });
    },
    error: function(){
        $('.timeline').text('Failed to get feed');
    }
});

Answer 1

您将在每次迭代中覆盖name 变量。改为：

$(data).find('resultsPage results event').each(function(){
    var type = $(this).attr('type');
    var band = $(this).find('performance artist');
    var length = $(band).length;
    $(band).each(function(index, element){
        name += $(this).attr('displayName');
        if (index < length-1) {
           name += ", ";
        }
    });

    $('.timeline ul').append(
        '<li>A '+type+' played by '+name+'</li>'
    );

});