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的tbody，并在创建新测试时附加到它。

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>，然后使用此代码：

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

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

如何在JQuery中追加表？

3 个答案: