使用JS添加行到一個html表格

Question

我想從我的javascript文件中取出一些數據，並將其放入我的html文件中的新行和列。我認爲這個問題可能與我的腳本在我的html文件中的表之前關閉有關。我目前在我的HTML文件中的表格看起來像這樣：

<div id="map" style="width: 700px; height: 700px"></div> 
      <script src="js/mapping.js"></script> 


      <div id="tablebody"> 
      <p> 
       <b>List of Nearby Locations</b> 
      </p> 
       <table class="table table-stripped"> 
        <tbody> 
         <tr> 
          <th>Name</th> 
          <th>Address</th> 
         </tr> 
         <tr> 
          <td>John Smith</td> 
          <td>1500 Pennsylvania Ave</td> 
         </tr> 
        </tbody> 
       </table> 
      </div> 

和JS代碼，看起來像這樣：

service = new google.maps.places.PlacesService(map); 
    service.nearbySearch(request, callback); 


    function callback(results, status) { 
     if (status == google.maps.places.PlacesServiceStatus.OK) { 

      for (var i = 0; i < results.length; i++) { 
       createMarker(results[i]); 
       alert("name: " + results[i].name + ", Address:" + results[i].vicinity); 
       $('#tablebody tr:last').after('<tr>"Name: " + results[i].name + ", Address: " + results[i].vicinity</tr>'); 
      } 
     } 
    } 

Answer 1

你錯過了荷蘭國際集團的表格單元格的錶行中，我假設你想要的名稱及周邊地區連接成代碼，不只是顯示在表中的Javascript代碼：

$('#tablebody tr:last').after('<tr><td>Name: ' + results[i].name + ', Address: ' + results[i].vicinity + '</td></tr>'); 

或許有兩個單元的行中：

$('#tablebody tr:last').after('<tr><td>' + results[i].name + '</td><td>' + results[i].vicinity + '</td></tr>'); 

Answer 2

嘗試此基於JavaScript：

tableObject.insertRow(index) 

或者jQuery

$('#tablebody').append('<tr>"Name: " + results[i].name + ", Address: " + results[i].vicinity</tr>');