爲每個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()); 
    }); 
}