如何在JQuery中添加表格？

Question

能否請您告訴我如何添加競爭表？ 我想在第一行之后附加我的內容。 這是我的小提琴：

在這個我在這個div后面

$('#test  ').html(buildNav(testData.testCaseList)).trigger('create');

我不要這個 我將刪除該div並取消注釋該表。

我應該在該行中寫些什么，以便使其追加到表的行之后？

$('#test  ').html(buildNav(testData.testCaseList)).trigger('create');

Answer 1

試試這樣的東西

HTML

<table>    
     <tr>
           <td>ONE</td>
     </tr>
<table>

追加

$('table').append('<tr><td>TWO</td></tr>'); //And so on...

Answer 2

出於某種原因， create事件#test div附加到表中，而不是附加到表中。 我解決了創建帶有ID的正文的問題，並在創建新測試時將其附加到了正文中。

HTML

<div class="parallelTestCases">
    <table id="table_parallelTestCases" width="100%" border="1">
        <thead>
            <tr>
                <td>
                    <a  href="javascript:createParallelTestCases()" data-icon="plus" data-role="button" data-mini="true" data-theme="a">Add Test Case</a>
                </td>
                <td>
                    <select onchange="changeTestSuiteFlip(this)">
                        <option value="SEQUENCE">Sequential</option>
                        <option value="PARALLEL">Parallel</option>
                    </select>
                </td>
            </tr>
        </thead>
        <tbody id="tabletbody">
            <div id="test"></div>
        </tbody>
    </table>
</div>

JS，createParallelTestCases函數

createParallelTestCases=function() {
    $('#test').html(buildNav(testData.testCaseList)).trigger('create');
    $('#test').appendTo('#tabletbody');
};

Answer 3

要在第一行之后追加到<table> ，可以使用：

$('table tr:first').after('<tr><td></td></tr>');

如果確定其中包含<tbody>標記，則可以使用下面的代碼。

請注意，DOM中總是有一個<tbody> ，但<tbody>是至少有一行。 如果沒有行，除非您自己指定一個，否則不會有<tbody> 。 所以我的建議是-確保始終指定<tbody> ，然后使用此代碼：

$('table > tbody:first').append('<tr><td></td></tr>');

您可以在after()方法中包含任何內容，只要它是有效的HTML。