Compares two tables and highlights the changes. The two tables MUST have two columns; the first column is for the name, and the second column is for the value.

compare.tables.js

/* 
* Demo: https://codepen.io/anonga/full/XBOpJq
* Example Usage:  

  #html
  
  <table id="left">...</table>
  <table id="right">...</table>
  
  #js
    compare_tables("#left","#right");  
*/
function compare_tables(left_table,right_table,color){
  
  var color = (color) ? color : "red";  
  var rows = $(left_table + ' tr').length;
  
  for (i = 0; i < rows; i++) {   
      
      var left = left_table + ' tr:nth-child('+ i +') td';
      var right = right_table + ' tr:nth-child('+ i +') td';
      
      console.log($(left).text());
      console.log($(right).text());
      console.log($(left).text() == $(right).text());
    
      if($(left).text() == '' || $(right).text() == '')
        $(left + ':last').css('background-color', "#FF5500");
      else if($(left).text() !== $(right).text())
        $(left + ':last').css('background-color', color);        
    }  
}