Table Modification Check

by Vaibhav Jain

HTML

<table id="myTable">
    <tbody>
        <tr>
            <td contentEditable>11</td>
            <td contentEditable>Vaibhav</td>  
        </tr>       
    </tbody>
</table>

CSS

table {
    border: 1px solid grey;
    padding : 10px;
}

JavaScript

var table = $("table tbody");
var previous = $("#myTable tr").length;

    table.find('tr').each(function (i) {
        var $tds = $(this).find('td');
        var id = $tds.eq(0).text();
        var name = $tds.eq(1).text();
   
        
        $check = function() {
        if(($tds.eq(0).text() != id) || ($tds.eq(1).text() != name) || ($("#myTable tr").length != previous) ){
			alert("Changed/ Enable Button");
			return false;
		}
        else{
			alert("Not changed/ Disable Button");
			return false;
        }
        previous = $("#myTable tr").length;        
   
  
    }
    setInterval(function() { $check(); }, 7000);
        
    });