动态更新表 - Ajax HTML

Question

我正在尝试更新表格，因为新记录会出现在下表中：

我已经获得了使用Ajax获取实时信息所需的部分。我使用<tr id = {$university}>作为ID来创建新行或更新现有行。但更新似乎不起作用。即，如果为A大学申请了新学生，则需要添加新的HTML代码。所以我现有的HTML代码看起来像

<tr id = "A">
    <td>A</td>
    <td>Mr. X</td>
    <td>a@b.com</td>
</tr>
<tr id = "A">
    <td></td>
    <td>Mr. Y</td>
    <td>e@f.com</td>
</tr>
<tr id = "A">
    <td></td>
    <td>Mr. S</td>
    <td>u@i.com</td>
</tr>

当我使用相同的<tr id = "A">添加新数据时，它不会附加信息，但会创建一个新行：

<tr id = "A">
    <td>A</td>
    <td>Mr. Z</td>
    <td>t@t.com</td>
</tr>

不会附加信息，但会在UI中创建另一行。如何将新信息附加到现有行？

添加了js代码：http://pastebin.com/4tjyUgZa

Answer 1

HTML中的ID应该是唯一的，您不应该复制它们。请尝试使用类，例如<tr class="a">。

我还认为你需要重温你的表格结构。看起来你需要的是多个表，例如表“a”和表“b”，然后你可以追加行。你操纵表行的方式并不是它们的工作方式。如果您有类似<table id="a">和<table id="b">的内容，则可以轻松定位并轻松添加行。

您可能还想使用JavaScript框架，例如jQuery。它将使得操作表变得更加容易，并且您将能够更快地编写代码。