Jquery 怪事

我需要一些帮助来解决我在尝试向表中添加行时遇到的问题

我有以下代码：

HTML:

类型
名称
地址
身份证号码
接触
注
添加

和JQUERY：

test = function(){
       $('#CADataTable tr:last').after('<td>test</td><td>test</td><td>test</td><td>test</td><td>test</td><td>test</td>');
};

test=函数（）{
$（'#cadatable tr:last'）。在（'testtest'）之后；
};

第一行添加正确，一切正常，但再次按下按钮后，第二行没有显示我期望的位置。我也试过：

$('#CADataTable > tbody:last').append('<td>test</td><td>test</td><td>test</td><td>test</td><td>test</td><td>test</td>');

$（'CADataTable>tbody:last'）。追加（'testtesttest'）；

---

没有成功。我确信我遗漏了一些非常小的东西，但作为jquery初学者，我无法发现它。

因为您忘记添加

tr

元素。将

添加到jquery代码中。像这样

$('#CADataTable tr:last').after('<tr><td>test</td><td>test</td><td>test</td><td>test</td><td>test</td><td>test</td></tr>');

$('#CADataTable tr:last').after('<tr><td>test</td><td>test</td><td>test</td><td>test</td><td>test</td><td>test</td></tr>');

$（'cadatable tr:last'）。在（'testtest'）之后；

附加到

tr

而不是

tbody

$('#CADataTable tbody tr:last').append

如果要将其追加为行

$('#CADataTable tbody').append('<tr><td>test</td><td>test</td><td>test</td><td>test</td><td>test</td><td>test</td></tr>');

$（'cadatable tbody'）。追加（'testtesttest'）；

演示

------>

在

方法之后的
中包含
标记。如下

$（'cadatable tr:last'）。在（'testtest'）之后；

$('#CADataTable tr:last').after('<tr><td>test</td><td>test</td><td>test</td><td>test</td><td>test</td><td>test</td></tr>');