我有这个html,每隔5秒从json feed更新一次。我使用dataTables插件为列添加排序功能。因此,行的顺序可以变化
<table class="tablesorter-js">
<tbody>
<tr>
<td class="bname-js">some content1</td>
<td class="current-cont">some content2</td>
<td> some content3</td>
</tr>
</tbody>
</table>
json
{
"some content1": {
"pending": 1,
}
}, // and so on
这就是我更新html的方式
var tableRowList = $('.tablesorter-js tbody > tr');
var obj = JSON.parse(m);
$.each(obj, function (key, value) {
$(tableRowList).each(function(){
// I compare the key of the of the json to the text in the first td
if (key === $('.bname-js',this).text().trim()) {
$('.current-cont',this).html(value.pending);
}
});
});
这对于性能原因非常糟糕,因为我为每个json键遍历每个tableRowList。对另一种方法的任何建议?