Hide all table rows that lack a particular class?

Question

Hey all,

I am using a jQuery's toggleClass() method to handle table row highlighting and what I would like to do is create a function that will hide all table rows that do not have the "highlight" class applied.

The table itself has an ID (tblTest) and each row has an ID as well. However in this case I don't really care about ID's so much as whether or not the "highlight" class is applied to the row. What is the best approach for essentially walking through each table row, checking to see if the "highlight: class is applied and if it is NOT then apply the "hidden" class.

Thanks,

Answer 1

To use jQuery to hide them:

$("#tblTest tr:not(.highlight)").hide();

To apply your hidden class:

$("#tblTest tr:not(.highlight)").addClass("hidden");

You should generally favour the jQuery effects for hiding things however.

Answer 2

$('#tblTest tr:not(:has(.highlight))').slideUp('fast');