Delete more than one row from table in Javascript

If you are struggling to delete rows from a table in Javascript that match a certain criteria, then check that you are deleting "backwards", that is from the bottom of the table back.  This is because the row index will change each time you do a delete.

 

 

var table = document.getElementById('displayTable').getElementsByTagName('tbody')[0];

var tablelength = table.rows.length; 

 

 for(var i = tablelength -1 ; i >= 0;i--)   //this is the key - if you iterate forward the row numbers will be out of line.

{

 if ( table.rows[i].cells[ctUpdateFlag].innerHTML == 'PD') {   //or whatever criteria you have here PD means PENDING DELETE from another process.

table.deleteRow(i);

 }

}