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);