jquery - 如何动态插入html表中的行

Question

我正在尝试在我的表中动态插入一行，但我没有运气实现这一点。

在我的 ajax 成功中，这就是我插入表行的方式

$('#mytable').find('tbody').append(data); 

HTML:

<table  class="display" id="mytable" width="100%" cellspacing="0">
  <thead>
    <tr>
      <th>#</th>
      <th>FIRST NAME</th>
      <th>LAST NAME</th>
      <th>ADDRESS</th>
      <th>AGE</th>
    </tr>
  </thead>
  <tbody>
    // I want to insert here.
  </tbody>
</table>

这是正在返回的数据。

<tr class="myclass">
  <td style="text-align: center;">1</td>
  <td>Jack</td>
  <td>Miller</td>
  <td>California</td>
  <td>24</td>    
</tr>
<tr class="myclass">
  <td style="text-align: center;">2</td>
  <td>Miguel</td>
  <td>Park</td>
  <td>London</td>
  <td>64</td>     
</tr>

提前谢谢您。

Answer 1

使用each循环并通过append方法用HTML附加数据

  $.each(data,function(value,index){}{

     $('#mytable').find('tbody').append("<tr><td>"+value+"</td></tr>"); 

  });{