將元素添加到無序列表中

Question

我正在嘗試將li添加到使用jquery的ul中，並且無法使其工作。我正在使用下面的代碼。

我看過一個XML文件，該文件是在例如下面的格式，

<Products> 
    <Description>Pound</Description> 
    <ProductType>CUR</ProductType> 
    <CurrencyCode>GBP</CurrencyCode> 
    <Rate>1</Rate></ProductRate> 
    <Description>Euro</Description> 
    <ProductType>CUR</ProductType> 
    <CurrencyCode>Eur</CurrencyCode> 
    <Rate>1.5</Rate></ProductRate> 
</Products> 

我試圖使用jQuery創建產品的列表，但會將其添加爲1個li元素，而不是多麗的地方清單的實際列表，

我使用以下的jQuery

var $xml = $(xml); 
var $list = $('#list'); 
$description = $xml.find("Description"); 
$("#list").append($description.text());` 

這讀取的元素，但增加了它們作爲一個li元素

<ul> 
    <li> 
    Pound GBP Euro Eur 
    </li> 
</ul> 

我也曾嘗試

$("#list").append("<li>"+$description.text()+"</li>"); 

但仍提供相同的HTML。所以我的問題是如何確保它們顯示爲獨立的li元素？

Answer 1

與

$description.each(function() { 
    $("#list").append("<li>" + $(this).text() + "</li>"); 
}); 

DEMO

Answer 2

試圖通過每個元件進行迭代嘗試被讀取：使用相同的XML

$xml.find("Description").each(function(){ 
    $("#list").append("<li>"+$(this).text()+"</li>"); 
});