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>

後にこれらの2行を追加するために何を置くのを忘れてい<tbody id="order_details">ますか？

4

4 に答える 4

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内に「...」と書く必要があります。する必要があります...。

また、パフォーマンスを向上させるには、tbody＃order_detailsではなく#order_detailsのみを使用します。IDは一意であるため、jQueryはタグ名を指定しなくても常に適切な要素を検索します

于 2012-08-14T14:53:09.403 に答える
1

マークアップが無効であるため、jQueryは何をすべきかを理解できません。

私はあなたが望むと思うものでjsFiddleを作成しました：http：//jsfiddle.net/DSLBT/

于 2012-08-14T14:55:07.757 に答える
1

これを試して ：：

$("tbody#order_details").append('<tr><td>...</td></tr><tr><td>...</td></tr>');
于 2012-08-14T14:55:41.263 に答える