jQuery的追加到表TR

Question

我使用下面的jQuery代码将追加到我的表：

 $("tbody#order_details").append('<tr>...</tr><tr>...</tr>'); 
     $("tbody#order_details").append('<tr>...</tr><tr>...</tr>'); 

然而，当它执行它放置<tr>...</tr><tr>...</tr>在页面的顶部，而不是下面在当前<tbody id="order_details">开始。

表的代码是这样的：

 <table border="1" cellspacing="0" cellpadding="0" id="OrdersTable" 
      style="border: 1px solid black; margin-top: 0px;"> 
     <tbody> 
     <tr> 
      <th>Account Number</th> 
      <td colspan="3">99996</td> 
      <th>Email</th> 
      <td colspan="5"><asp:Label ID="billing_email" runat="server" Text="Label"></asp:Label></td> 
      </tr> 
     <tr> 
     etc etc.... 
     </tbody> 
      <tbody id="order_details"> 
       <!-- Start looping the orders here --> 

      </tbody> 
     </table> 

什么我忘了整理为它那两行添加<tbody id="order_details">后？

Answer 1

只是改变这个网站这样：

 <table border="1" cellspacing="0" cellpadding="0" id="OrdersTable" style="border: 1px solid black; margin-top: 0px;"> 
     <thead> 
     <tr> 
      <th>Account Number</th> 
      <th colspan="3">99996</th> 
      <th>Email</th> 
      <th colspan="5"><asp:Label ID="billing_email" runat="server" Text="Label"></asp:Label></th> 
     </tr> 
     etc etc.... 
     </thead> 
     <tbody id="order_details"> 
      <!-- Start looping the orders here --> 

     </tbody> 
     </table> 

我想这是因为HTML标记的， 我希望这会有所帮助。

Answer 2

你必须在TD中写下“...”。应该 ... 。

为了获得更好的性能，请使用#order_details而不是tbody＃order_details。由于ID是唯一的，jQuery将始终找到正确的元素，而无需指定标记名称

Answer 3

您的标记无效，因此jQuery无法理解该做什么。

我已经创造了什么，我想你想的jsfiddle：http://jsfiddle.net/DSLBT/

Answer 4

试试这个::

$("tbody#order_details").append('<tr><td>...</td></tr><tr><td>...</td></tr>');