Javascript 循环更新类而不是id字段

我正在尝试创建一个函数，该函数可以应用于页面中一个类的多个实例，以便通过AJAX调用刷新数据。该函数在页面上只有一个实例时工作正常：

$(document).ready(function() {
    function getData(t, id, table, hid) {
       var autoLoad = setInterval(function (){
            $(t).load('ajax.php?id='+id+'&table='+table).html(hid);
       } , 5000);
    }

    var elements = document.getElementsByClassName("refresh");
    for (var i = 0, item; item = elements[i]; i++){
        var tableId = $(item).attr('id');
        var Rid = $(item).data('id');
        var Rtable = $(item).data('table');
        getData('.refresh', Rid, Rtable, tableId);
        console.log(Rid + Rtable + tableId);
    }    
}); 

Rtable和Rid用于确定AJAX通过PHP脚本提取的数据。在一次迭代中，我在表上调用此脚本：

<tbody id="files" class="refresh" data-id="10" data-table="files-refresh">                                      
   <tr>
      <td colspan="2"></td>
    </tr>
</tbody>

在第二次迭代中，我在一个div上调用这个脚本：

<div class="refresh" data-id="10" data-table="timeload" id="content"></div>

其结果是文件刷新加载到两个.refresh类中，然后被timeload覆盖。如何修改此选项，使文件刷新转到#文件表，而timeload转到#内容

应该是

getData(tableId, Rid, Rtable);

在getData

function getData(t, id, table) {
   var autoLoad = setInterval(function (){
        $('#' + t).load('ajax.php?id='+id+'&table='+table);
   } , 5000);
}

---

嗯。。。将

.refresh

的两个实例更改为

#files

和

#content

？整个站点都在全局使用refresh。不仅仅是这两个人受到影响。因此，理想情况下，我希望脚本根据页面上的所有.refresh类计算出ID。

function getData(t, id, table) {
   var autoLoad = setInterval(function (){
        $('#' + t).load('ajax.php?id='+id+'&table='+table);
   } , 5000);
}