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 呼び出しを使用してデータを取得できますが、テーブルを更新する方法がわかりません。どんな助けでも大歓迎です。

4

2 に答える 2

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>');
于 2012-06-22T15:02:08.527 に答える
0

このようなIDでセルを取得できます

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

を使用して値を更新します

$('#'+id).text(new_value);
于 2012-06-22T15:01:20.737 に答える