文章/答案/技术大牛

发布

社区首页 >问答首页 >JQuery更新表格单元格并添加新的表格行

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

Stack Overflow用户

提问于 2012-06-22 22:54:09

回答 2查看 3.3K关注 0票数 1

一个新手问题，真的。

假设我有一个这样的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调用来获取数据，但是不知道如何更新表。任何帮助都是非常感谢的。

javascript

jquery

回答 2

Stack Overflow用户

回答已采纳

发布于 2012-06-22 23:02:09

要查看单元格是否存在，必须测试其选择器的.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>');

票数 1

Stack Overflow用户

发布于 2012-06-22 23:01:21

可以通过id获得一个单元格，如下所示

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

使用以下命令更新值

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

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/11158703

复制

相似问题

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

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

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

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

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