0

liの値で必要なを見つけるにはどうすればよいdata-orderですか？

リストは次の場所に含まれています。

var list = '
    <ul id="order_list"> <h3> Order: </h3>
       <li data-order="1"></li>
       <li data-order="2"></li>
       <li data-order="3"></li>
       <li data-order="4"></li>
       <li data-order="5"></li>
       <li data-order="6"></li>
     </ul>';

ajax呼び出しで取得したdataという名前のオブジェクトがあります。注文額はここに含まれており、これが私が達成しようとしていることです

$.each(data, function(index, value) {
   // append data['title'] between <li ...> </li>
   // where data-order in <li> is data['order']
});

だから私は=liでvar listフィルタリングされたものを見つけて;からコンテンツを追加する必要があります。data-orderdata['order']data

  • 助言がありますか？

これに関連する私の他の投稿：jqueryは注文番号に従ってhtmlにデータを追加します

4

1 に答える 1

1

編集: この投稿を見た後、jquery は注文番号に従って html にデータを追加します

まず、からh3取り出しますul。

次に、listセレクターを使用してデータを操作および追加する前に、DOM 内にあることを確認してください。

第三に、そのような JS の文字列で改行を使用しないでください。複数行が必要な場合は連結を使用します。

var list = '<h3> Order: </h3>' + 
    '<ul id="order_list">' + 
       '<li data-order="1">No featured news here, click to add</li>' + 
       '<li data-order="2">No featured news here, click to add</li>' + 
       '<li data-order="3">No featured news here, click to add</li>' + 
       '<li data-order="4">No featured news here, click to add</li>' +
       '<li data-order="5">No featured news here, click to add</li>' +
       '<li data-order="6">No featured news here, click to add</li>' +
     '</ul>';

var data = [
    {
        id_news: 3,
        title: 'Alex...',
        category: 12,
        order: 1
    },
    {
        id_news: 12345,
        title: 'Obama...',
        category: 3,
        order: 3
    },
];

$(list).appendTo('body');

$.each(data, function(index, value) {
    $('#order_list li:eq(' + value['order'] + ')').html(value['title']);
});​

デモ: http://jsfiddle.net/aKcxW/

于 2012-05-16T13:28:23.917 に答える