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>');