如何使用jQuery向HTML表格添加新行?
大家好!我是JavaScript和jQuery的新手,在处理HTML表格时遇到了问题。我有一个简单的表格,需要在点击按钮时动态添加行。我尝试了几种方法,但都不太对。
这是我的代码:
```html
```
```javascript
$('#addRow').click(function() {
// 我试过这样:
$('#myTable').append('新用户 30 ');
// 还有这样:
$('#myTable tr:last').after('新用户 30 ');
});
```
问题在于,行要么添加到了错误的位置(表头里),要么直接破坏了表格结构。请告诉我如何正确地将新行添加到``中,使其位于现有数据之后?最好有示例代码。
| 姓名 | 年龄 |
|---|---|
| 伊万 | 25 |