1

我正在使用以下 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">？

4

4 回答 4

1

尝试这个 ：：

$("tbody#order_details").append('<tr><td>...</td></tr><tr><td>...</td></tr>');
于 2012-08-14T14:55:41.263 回答
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 标记，我希望这会有所帮助。

于 2012-08-14T14:52:46.587 回答
1

您必须在 TD 中写入“...”。应该 ... 。

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

于 2012-08-14T14:53:09.403 回答
1

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

我用我认为你想要的东西创建了一个 jsFiddle：http: //jsfiddle.net/DSLBT/

于 2012-08-14T14:55:07.757 回答