添加< tr> < tr>之后 [英] Add <tr> after <tr>

问题描述

我想使用jQuery添加新行.

I wanted to add new row using 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添加新的表格行或表格?

How can I add new table row or grid using jQuery?

推荐答案

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

<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">

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

这篇关于添加< tr> < tr>之后的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！