一个接一个地在 javascript 中调用相同的事件

Question

我在下拉菜单上有一个事件。 现在，每当发生此事件时，我都必须读取表数据并对其进行更改。 我正在使用$("table").each(function(){});读取表格数据$("table").each(function(){}); 函数并再次使用相同的代码更改它。 但是这两个功能都在并行工作，而我希望它们一个接一个地执行。 我的代码看起来像：

$(document).on('change','#rank-q1',function(){
    $('#rank-q2').val('rank-asc');
    var data=$(this).val().split('-');
    var i=-1;
    var j=0;
    var k=0;
    //console.log(results);
    $("#tbody-emps tr").each(function(){
        k++;
        if($(this).find('td').length>6){
            var temp=alasql('select '+data[1]+' from '+data[0]+' where '+tableChoice[data[0]]+' = ?',[results[i][j][1]])[0];
            if(data[1]=='birthday' || data[1]=='grad'){
                results[i][j][0]=Date.parse(temp[data[1]]);
            }else{
                results[i][j][0]=temp[data[1]];
            }
            results[i][j][2]=$(this).html();
            console.log(results[i][j][2]);  ///Note here
        }else{
            if(i>=0){
                results[i].sort(function(a,b){
                    return a[0]>b[0]?-1:(a[0]<b[0]?1:0);
                });             
            }
            i++;
            j=0;
        }
    });
    results[i].sort(function(a,b){
        return a[0]>b[0]?-1:(a[0]<b[0]?1:0);
    });
    
    console.log(results);

    var i=-1,j=0;
    $("#tbody-emps tr").each(function(){
        if($(this).find('td').length>6){
            $(this).html(results[i][j][2]);
            j++;
        }else{
            i++;
            j=0;
        }
    });
    console.log(results);
});

由于$('table').each(function(){}); 被使用两次它同时执行。 我应该怎么办？ 仅供参考：所有console.log(results)都给我相同的结果数组旧值，而当我使用console.log(results[i][j][2])它向我显示更新的信息。 这就是为什么这些each()函数似乎是同时运行的，而没有更新。

Answer 1

做这个

$('table').each(function(){
    //Some data capture and alter data
}).each(function(){
    //Modification in table data.
});