Добавление элементов в неупорядоченный список

Question

Я пытаюсь добавить li в ul с помощью jquery и не могу заставить его работать. Я использую следующий код.

Я прочитал файл 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

Try для итерации по каждому из элементов считывании:

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