javascript - JQuery 更新表格单元格并添加新表格行

Question

一个新手问题，真的。

假设我有一个这样的 html 表：

<div id="div1">
           <table id="table1" border="1">
             <tr>
                 <th bgcolor="#eee"><strong>ID</strong></th>
                 <th bgcolor="#eee"><strong>Price</strong></th>
            </tr>
             <tr>
                <td id='id1'>1111</td>
                <td id='id2'>2222</td>
             </tr>

         </table>
</div>

现在我正在使用 Jquery 从服务器获取 json 格式的数据，如下所示：

id1,19.99
id2,29.99
id3,39.00

我想要实现的是：查看数据，如果表中已经存在id，则更新单元格值。如果表中不存在 id，则添加一个新行。我如何在 JQuery 中做到这一点？我刚开始学习JQuery。现在我可以使用 ajax 调用来获取数据，但不知道如何更新表。任何帮助表示赞赏。

Answer 1

要查看一个单元格是否存在，您必须测试.length它的选择器：

$('#'+str).length; // zero if there is no such ID

或者您可以使用 更新该单元格的内容，.text()如果 ID 不存在，这将失败：

$('#'+str).text(newvalue);

要创建一个新行，您可以.append()将其添加到表中：

$('table tr#id_of_row').append('<td id="'+str+'">'+newvalue+'</td>');

Answer 2

您可以像这样通过 id 获取单元格

$('#'+id).length //length will be 0 if not found or 1 if found

使用更新值

$('#'+id).text(new_value);