jquery - 将元素添加到无序列表

Question

我正在尝试使用 jquery 将 li 添加到 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 元素而不是多个 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>");
});

演示

Answer 2

尝试遍历正在读取的每个元素：

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