JQuery selector for a table with hidden row - alternative row coloring

Question

I have a table, and usually I use this selector to apply an odd and even row:

table.find('tbody tr:even').addClass('even');
table.find('tbody tr:odd').removeClass('even');

My table has rows that are inserted in different places, so I delete them from the odd rows.

Now I have some lines hidden with

jQueryTrObject.hide();

I want to apply the same style as before, so that alternating lines, as far as the user is concerned, are marked as odd and even, and I would like it to take into account hidden lines.

How can I write a selector to do this because I have to use each and specifically test?

Answer 1

use :visibleselector

table.find('tbody tr.even').removeClass('even');
table.find('tbody tr:visible:even').addClass('even');

, :even .

Answer 2

:

table.find('tbody tr').removeClass('even')
    .filter(':visible:even').addClass('even');

Answer 3

Use selector :not(:hidden)

table.find('tbody tr:not(:hidden):even').addClass('even');

Answer 4

You can use: view selector only for marking the visible line:

table
    .find('tbody tr:visible:even')
    .addClass('even')
.end()
    .find('tbody tr:visible:odd')
    .removeClass('even');
.end();