我遇到了使用jQuery 1.4.2更新表格單元格值的問題。它全部在Firefox和Safari中運行,但IE8和IE9根本沒有做任何事情。沒有警告,錯誤或任何會給我一些提示尋找它的提示。如何使用jQuery更新表格單元格值
表看起來如下:
<table id="test">
<tr id="1">
<td id="name">sample name</td>
<td id="schedule">sample value</td>
<td id="day">sample value</td>
</tr>
<tr id="2">
<td id="name">sample name</td>
<td id="schedule">sample value</td>
<td id="day">sample value</td>
</tr>
<tr id="3">
<td id="name">sample name</td>
<td id="schedule">sample value</td>
<td id="day">sample value</td>
</tr>
</table>
我執行Ajax調用和獲取JSON數據:
{"Test": [
{"id":"1", "name":"John", "day":"Monday"},
{"id":"2", "name":"Marry", "day":"Thursday"}
]}
一旦接收到數據有一個循環通過JSON數據集和更新相應的列迭代與收到的數據如下:
$.each(json.Tests, function(){
/* update test with details */
var test = this.hash;
/*set values for each test */
$("table#test tr[id=" + test + "]").find("#name").html(this.name);
$("table#test tr[id=" + test + "]").find("#schedule").html(this.status);
$("table#test tr[id=" + test + "]").find("#day").html(this.changed);
});
正如我所提到的,這是en在Safari和Firefox中測試都很好,但IE8和IE9似乎沒有做任何事情。
這是一個JSFiddle,顯示了這一點(以及一些JavaScript修復)http://jsfiddle.net/eFHZz/4/ – 2011-08-05 23:53:49
感謝您的回覆,這種方式很有效! – m1k3y3 2011-11-02 12:42:23