2016-06-15 6 views
0

車からメイクの新しいデータを追加するたびに新しいボタンを追加しようとしています。ただし、同じボタンに追加するだけです。データごとにどのように新しいボタンにすることができますか?誰かが盗難防止モデルを置くたびに別のボタンを追加するには

$.ajax({ 
    method: 'GET' 
    url: '/cars/'+ year + '/' + make_id, 
    dataType: "json", 
    success: function(data) { 
    var model = data 
    $('div#render-cars').append('<button id="car-model">' + model + '</button>'); 
    } 
}); 
+3

対応するHTMLまたはテストケースを提供できますか? – helloworld111

+0

あなたが選択した$(id)を使用すると、IDがある可能性があります。最初のものだけがピックアップされます。独創的で、それぞれのユニークなIDを生成できるかどうかを確認してください。 – chungtinhlakho

+0

ありがとう!私はそれを試みるつもりです –

答えて

0

このコードをお試しください。同じIDは複製できません。代わりにクラスを使用するか、動的IDを使用してください

$.ajax({ 
      method: 'GET' 
      url: '/cars/'+ year + '/' + make_id, 
      dataType: "json", 
      success: function(data){ 
       var model = data 

       $('div#render-cars').append('<button class="car-model">' + model + '</button>'); 
+0

idは重複することはできませんが、ブラウザは同じIDを持つ複数の要素を追加することができます。この質問で述べたように、同じ要素を何度も繰り返して追加することはありません。 –

+0

実際に私が気づいたのは、それが配列だったからです。だから私は反復処理をしなければなりませんでした。 –

関連する問題