2017-08-02 39 views
0

我有問題可以將數據從javascript加載到html表中。 因此,這裏是我的Java腳本代碼...將數據從JavaScript加載到html表中

//success data 
      $('#A').empty(); 
      $.each(data, function(index, aObj){ 
       //$('#A').append('<option value="' + aObj.id + '">'+aObj.note+'</option>'); 

       $('#A').append('<tr><td style="' + aObj.id + '">'+aObj.note+'</td style></tr>'); 
      }); 

的//期權價值在選擇框的作品。但現在我想將aObj.note放入td樣式標籤之間的表格中。

table class="table table-bordered table-striped" name="A" id="A"> 
          thead> 
           tr> 
            th class="">Note/th> 
           /tr> 
          /thead> 
          tbody> 
          @foreach($alleSpiele as $alleSpieleOutput)
  
           tr> 
            td style="">/td style> 
           /tr> 
          @endforeach 
          /tbody> 
         /table> 

回答

0

你可以嘗試這樣的:

var table = $("#table tbody"); 
$.each(data, function(idx, elem){ 
    table.append("<tr><td>"+elem.username+"</td><td>"+elem.name+"</td> <td>"+elem.lastname+"</td></tr>"); 
}); 

更多信息可以在這裏找到: http://api.jquery.com/jQuery.each/

0

好吧,我有如下的解決方案...

//success data 
      $('#A').empty(); 
      $.each(data, function(index, valueAusData){ 

       $('#myTable tr:last').after('<tr>') 
       $('#myTable tr:last').after('<td>'+ valueAusData.note+'</td>') 
       $('#myTable tr:last').after('<td>'+ valueAusData.note+'</td>') 
       $('#myTable tr:last').after('</tr>') 
      }); 

這裏我的表格

<table class="table table-bordered table-striped" id="myTable"> 
       <tbody> 
       <tr> 
        <th>Note</th> 
        <th>Note Zwei</th> 
       </tr> 
       </tbody> 
      </table> 

我知道這裏不是正確的說法。但是,在這個alle數值在html表格的tr td之後,我必須用哪個語句來替換?

相關問題