如何使用jQuery更新表格单元格值

Question

我在使用jQuery 1.4.2更新表格单元格值时遇到问题.这一切都适用于Firefox和Safari,但IE8和IE9根本没有做任何事情.没有警告,错误或任何会给我一些提示在哪里寻找它的东西.

表如下:

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

正如我所提到的,这已经在Safari和Firefox中测试过,一切正常,但IE8和IE9似乎没有做任何事情.

Answer 1

我认为我认为id属性应该保留给唯一标识符.如何将td元素的id属性更改为类属性甚至名称属性.我怀疑IE很混乱.

此外,如果您保持id唯一并将td的id属性更改为类,则可以将代码更改为:

$("#" + test + " td.name").html(this.name);

并且因为一个数字可以代表几乎任何东西,也可以为这些ID添加某种标识符前缀.就像是:

$("#thing-" + test + " td.name").html(this.name);

而html看起来像这样:

<table id="test">
    <tr id="thing-1">
        <td class="name">sample name</td>
        <td class="schedule">sample value</td>
        <td class="day">sample value</td>
    </tr>
    <tr id="thing-2">
        <td class="name">sample name</td>
        <td class="schedule">sample value</td>
        <td class="day">sample value</td>
    </tr>
    <tr id="thing-3">
        <td class="name">sample name</td>
        <td class="schedule">sample value</td>
        <td class="day">sample value</td>
    </tr>
</table>

希望有所帮助!