Question

我想使用jQuery添加新行。

像这样：

<table border="1">
    <tr>
        <th>id</th>
        <th>name</th>
        <th>description</th>
    </tr>
    <tr>
        <td>1</td>
        <td>einlanzer</td>
        <td>dev</td>
    </tr>
</table>
<input type="button" id="addme" value="add">

如何使用jQuery添加新表行或网格？

Answer 1

insertAfter：这将在指定元素之后插入元素。

$('<tr />').insertAfter('table tr:last');

文档：http://api.jquery.com/insertAfter/

append：将附加到元素的末尾。

$('table').append('<tr></tr>');

文档：http://api.jquery.com/append/

Answer 2

＆＃13;

$('#addme').click(function() {
  $('table').append('<tr><td>id</td><td>name</td><td>desc</td></tr>');
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table border="1">
  <tr>
    <th>id</th>
    <th>name</th>
    <th>description</th>
  </tr>

  <tr>
    <td>1</td>
    <td>einlanzer</td>
    <td>dev</td>
  </tr>

</table>

<input type="button" id="addme" value="add me please">

＆＃13;

http://api.jquery.com/append/

Answer 3

您只需使用.append()在最后一行之后添加新行：

$('table').append('Markup_for_tr');

如果你想在某些tr之后追加（比如在第一个tr之后）：

$('table tr:eq(0)').after("Markup_for_tr");

之后添加

3 个答案: