Delete row class from -Jquery table

Question

I have a table. Table id - resultTable. Some of the rows in the table have a class.

How can I remove these classes from this table.

I use the code below to add a class

$('#resultTable tr').click(function (event) { $(this).addClass("test"); }); 

To remove the class test from the whole table, I tried the code below

  $('#resultTable').removeClass("test"); 

But its not working. Any ideas?

Answer 1

You forgot tr

 $('#resultTable tr').removeClass("test"); 

Answer 2

To remove all classes from all rows in the resultTable table:

 $('#resultTable tr').removeAttr('class'); 

To remove only class from 'test':

 $('#resultTable tr.test').removeClass('test'); 

Answer 3

 $('#resultTable').find('.test').each(function(){ $(this).removeClass("test"); });