目标动态添加<tr>

Question

我的特性是使用普通的旧javascript通过"Add“按钮向现有的表添加新行。这段代码是由其他人编写的，现在我需要在现有功能中添加更多内容。

由于这个原因，我也需要能够以动态添加的行为目标，但由于某些原因，每当我这样做时(在添加2-3个新行并单击"Submit“按钮后)

console.log($('table#tableid tbody tr').length);

它只是重新调整页面加载期间加载的行数，并跳过动态添加的新行。

这是让你开始学习的Fiddle。这真的令人费解，因为我觉得我很了解jQuery，以至于被这件事弄糊涂了.

Answer 1

向tfoot添加新行。试试这个：

var tbl = document.getElementById('tblSample').getElementsByTagName('tbody')[0];

Answer 2

在页面加载时，tbody.while中有行，动态添加的行在按钮上单击.while，只选择tbody部分中的行。