怎么用jQuery给Table添加行
时间: 2023-11-13 19:04:47 浏览: 85
可以使用jQuery的`append()`方法来添加表格行。
假设我们有一个表格:
```
<table id="myTable">
<thead>
<tr>
<th>姓名</th>
<th>年龄</th>
</tr>
</thead>
<tbody>
<tr>
<td>小明</td>
<td>20</td>
</tr>
<tr>
<td>小红</td>
<td>18</td>
</tr>
</tbody>
</table>
```
我们可以使用以下代码来添加一行数据:
```
// 创建一个新的表格行
var newRow = $("<tr>");
// 创建新的单元格并添加到行中
var nameCell = $("<td>").text("小刚");
var ageCell = $("<td>").text("22");
newRow.append(nameCell);
newRow.append(ageCell);
// 将新行添加到表格中
$("#myTable tbody").append(newRow);
```
这将在表格的最后添加一行,其中包含姓名为“小刚”,年龄为“22”的数据。
阅读全文