Question

I have a dynamically generated table with php that has same rows. Need to get value from cell 1 in row 1 and value from cell 1 in row 2 and compare them. If they are the same remove entire row or hide… Do that for the whole table… Any help is appreciated.. Thanks!!

Haave this so far:

var numRows = $('table#changeSubjectKatedra tr').lenght;
var i = 0;
do {
    var cur = $('input#'+i).val();
    var next = $('input#'+(i+1)).val();
    if(cur == next){
        $('tr#'+i).remove();
        }
    i++;
} while(i<numRows);

The row in table looks like this:

<tr id='idNum'><td>someText<input type='hidden' value='someData' id='idNum'>
</td><td>someText</td></tr>  

Answer 1

Note 1. You should do in on server side with PHP, not with JavaScript.

Note 2. You must use unique id for each element.

Note 3. Avoid using numerical ids of elements.

Note 4. You don’t need ids at all for doing what you want.

If you still want to do it in JavaScript, I suggest you to do it this way: (live demo here)

var rows = $("#changeSubjectKatedra tr");
for(var i = 0; i <= rows.length - 2; i++) {
  if ($(rows[i]).find("input").val() ==
      $(rows[i+1]).find("input").val()) {
    $(rows[i]).remove();   
  }
}