如何在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。