0

jquery を使用して ul に li を追加しようとしていますが、うまくいきません。次のコードを使用しています。

たとえば、次の形式の 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を使用して製品のリストを作成しようとしていますが、リストが実際のリストである複数のliではなく、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要素として表示されるようにするにはどうすればよいですか?

4

2 に答える 2

3

試してみてください

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

デモ

于 2013-08-28T18:22:33.960 に答える