Question

我有这个HTML

 <table class="table" id="mytable">
     <tr>

         <th>FIRST NAME</th>
         <th>LAST NAME</th>
         <th>ADDRESS</th>
    </tr>
 </table>

如何在第一行中动态追加我的tr？

我试过这段代码

 $('#mytable tbody tr:last').prependTo('<tr><td>somecontents</td><td>somecontents</td><td>somecontents</td></tr>');

它不起作用。提前谢谢。

Answer 1

您需要在prependTo()

之前添加（而不是tbody，因为您要将右侧元素添加到左侧）

$('#mytable tbody').prepend('<tr><td>somecontents</td><td>somecontents</td><td>somecontents</td></tr>');

演示：Fiddle

您的脚本正在尝试将tr添加到无效的最后一行

Answer 2

您可以使用下面的.after()

 $('#mytable tbody tr:first').after('<tr><td>somecontents</td><td>somecontents</td><td>somecontents</td></tr>');

<强> Demo

Answer 3

just remove tr:last from  $('#mytable tbody tr:last') and use prepend instead

 $('#mytable tbody').prepend('<tr><td>somecontents</td><td>somecontents</td><td>somecontents</td>   </tr>');

Demo

Answer 4

HTML中没有tbody，您需要使用prepend()而不是prependTo()：

HTML：

<table class="table" id="mytable">
    <tbody>
        <tr>
            <th>FIRST NAME</th>
            <th>LAST NAME</th>
            <th>ADDRESS</th>
        </tr>
    </tbody>
</table>

JavaScript的：

$('#mytable tbody').prepend('<tr><td>somecontents</td><td>somecontents</td><td>somecontents</td></tr>');

如何在第一行添加tr

4 个答案: