为每个li元素添加一个随机的AJAX项目从XML

Question

我想从一个XML文档中添加一个随机项目到ul中的每个li项目，使用AJAX，但我不知道从哪里开始，或者如果这是可能的话。换句话说，对于每个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>"); 
    }); 
} 

Answer 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()); 
    }); 
}