javascriptでデータを並べ替える方法（）

Question

私はデータベースのデータでhtmlコードを持っています。このデータをAJAX経由で更新する必要があるため、ユーザーはページを更新せずに新しい通貨レートを取得します。ここでLaravelブレードテンプレートがあります：ページがロードされると

@foreach ($currencies as $currency) 
    <div class="currency-{{ $currency->id }}"> 
     <div class="cur-id">{{ $currency->id }}</div> 
     <div class="cur-name">{{ $currency->cur_name }}</div> 
     <div class="cur-sell">{{ $currency->cur_sell + 0 }}</div> 
     <div class="cur-buy">{{ $currency->cur_buy + 0 }}</div> 
    </div> 
@endforeach 

- それは実際のデータを持っていますが、1分後に、このデータがリフレッシュされて、私はAJAXリクエスト毎分焼成しています：

$.ajax({ 
    type: 'GET', 
    url: '/ajax-currencies', 
    dataType: 'json', 
    success: function (data) { 
     $.each(data, function(index, element) { 
      $('.currency-+element.id+.cur-sell').text(element.cur_sell); 
     }); 
    } 
}); 

」/ajax-currencies "のjsonオブジェクトに対する応答。どのように私は正しいのdivにでその値を使用して、各オブジェクトを置くことができる - 通貨-1（独自の値を持っている）、通貨-2は、（自分の価値を持っている）など、それは次のようになりますので、：

<div class="currency-1"> 
    <div class="cur-id">1</div> 
    <div class="cur-name">Bitcoin</div> 
</div> 

<div class="currency-2"> 
    <div class="cur-id">2</div> 
    <div class="cur-name">Ethereum</div> 
</div> 

Answer 1

私にはありませんあなたは何らかの仕分けが必要な理由を知っている。 divに特別なクラスがある場合、これらのクラスでdivを見つけ、これらのdivに直接データを挿入できます。あなたはすでにこれをしようとしていますが、間違っています。あなたのeachコールバックは次のようになります。Javascriptを引用符で囲まれた文字列内の変数を解析することができないよう

function(index, element) { 
    $('.currency-' + element.id + ' .cur-sell').text(element.cur_sell); 
    // alternative version  
    //$('.currency-' + element.id).find('.cur-sell').text(element.cur_sell); 
} 

を参照してください、私は、引用符で囲まれた文字列のうち、element.idを動かしました。

.class1.class2のようなセレクタが希望しない、適用両方のクラスでアイテムを見つけようとしますので、私はまた、セレクタでクラス間のスペースを追加しました。

また、find()メソッドを使用して代替セレクタを追加しました。ちょうど例えば。

これでセレクタが正しいdivを選択します。