对于每个li元素,从XML附加一个随机的AJAX项

时间:2013-04-20 22:02:24

标签: jquery html xml ajax

我正在尝试使用AJAX将XML文档中的随机项追加到ul中的每个li项,但我真的不知道从哪里开始,或者这是否可能。换句话说,对于每个li元素,抓取一个随机的XML项并将其附加到列表项。

到目前为止,我的脚本看起来像这样,html只是一个空白的ul,我没有收到任何错误所以我不确定为什么这不起作用:

$(document).ready(function(){
    $.ajax({
        type: "GET",
        url: "myxmlpage.xml",
        dataType: "xml",
        success: parseXml
    }); 
});

function parseXml(xml){
    var random;
    $(xml).find("item:eq(" + random + ")").each(function(){
        random = Math.floor(Math.random()*10);  
        $('ul').append("<li>" + $(this).find("item").text() + "</li>");
    });
}

1 个答案:

答案 0 :(得分:1)

function parseXml(xml){
    var random;

    var $items = $(xml).find('item');
    var itemsCount = $items.length;

    $('ul li').each(function(){
         var random = Math.floor(Math.random()*itemsCount);
         $(this).html($($items.get(random)).text());
    });
}