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).length //length will be 0 if not found or 1 if found

使用

更新值

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

JQuery更新表格单元格并添加新的表格行

2 个答案: