如何更新表格每行的特定列?

时间:2014-04-25 15:54:07

标签: jquery html ajax

您好我想用我将在稍后阶段收到的文本文件中的值更新我的最后一列。

目前我可以使用jquery一次更新最后一列的所有行。但我想从文件(output.txt)中读取并更新该列的表的每一行。

$(document).ready(function() {
    $('.ms-listviewtable').find('td').eq(3).text('changedValue');
});

<table class=ms-listviewtable>
    <tr class="ms-itmhover">
        <td class="ms-vb2">Value1</td>
        <td class="ms-vb2">Value2</td>
        <td class="ms-vb2">Value3</td>
        <td class="ms-vb2 ms-lastCell">Value4</td>
    </tr>
</table>

1 个答案:

答案 0 :(得分:0)

如果我正确理解你想做什么,那么试试这个jQuery:

var file = 'http://foo.com/foo.txt';

$.get(file, function(data){
    var lines = data.responseText.split("\n");

    for (var i = 0, l = lines.length; i < l; i++) {
        $('.ms-listviewtable tr').eq(i).find('td.ms-lastCell').text(lines[i]);
    }
}); 

我没有测试过AJAX,但它应该指向正确的方向,你可以使用AJAX从.txt文件中返回响应文本,将其拆分为一个字符(在你的情况下,换行符),然后循环遍历表行,用相应的行替换每行的最后一个单元格中的文本。

这是一个fiddle,演示了循环的代码。