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

只需将此html更改为：

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

Jquery附加到表TR

4 个答案: