Question

如何在表格及其下方添加行（＆lt; -th-＆gt;）？

<table id="mytable" cellpadding="0" cellspacing="0">
    <tr>
        <th>Name</th>
        <th>Place</th>
        <th>Country</th>
   </tr>

这里我需要动态添加行.... 有可能吗？

    <tr>
        <td>ABC</td>
        <td>Any Place</td>
        <td>Any Country</td>
    </tr>
    <tr>
        <td>xyz</td>
        <td>place</td>
        <td>Any Country</td>
    </tr>
</table>
<button id="but">mybutton</button>


$('#but').on('click', function(e){
    $('#mytable')
        .prepend('<tr><td>newcol1</td><td>newcol2</td><td>newcol3</td></tr>');
});

Answer 1

使用tbody到prepend新行。否则，将在th之前添加新行。

$('#but').on('click', function(e) {
    $('#mytable tbody')
    //          ^^^^^
        .prepend('<tr><td>newcol1</td><td>newcol2</td><td>newcol3</td></tr>');
});

Answer 2

我不知道你想要实现什么，但如果你正在尝试，在表格中添加同一行以及结束然后试试这个，

$('#but').on('click', function(e){
    $('#mytable')
        .prepend('<tr><td>newcol1</td><td>newcol2</td><td>newcol3</td></tr>');
     $('#mytable')
        .append('<tr><td>newcol1</td><td>newcol2</td><td>newcol3</td></tr>');
});

由于您没有指定任何内容，我使用<table>，您应该理想地使用<tbody>。

如何在表格及其下方添加一行？

2 个答案: