jquery更新动态内容

时间:2013-11-20 13:05:13

标签: jquery json datatables

我有这个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。对另一种方法的任何建议?

0 个答案:

没有答案