一個接一個地在javascript中調用相同的事件

Question

我在下拉菜單中有一個事件。現在每當發生這種事件時，我必須讀取表格數據，並對其進行修改。我正在使用$("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])它顯示我更新的信息。這就是爲什麼它看起來像這些功能在同一時間運行，沒有更新。

Answer 1

做到這一點

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