最新消息:雨落星辰是一个专注网站SEO优化、网站SEO诊断、搜索引擎研究、网络营销推广、网站策划运营及站长类的自媒体原创博客

javascript - JQuery Selector for table with hidden row - alternate row colouring - Stack Overflow

programmeradmin1浏览0评论

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

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

My Table has rows being inserted at various places, hence why i remove it from the odd rows.

I now have certain rows hidden using

jQueryTrObject.hide();

I want to apply the same styling as before, so that alternate rows, as far as the user is concerned are marked up odd and even, and i'd like it to take into account of hidden rows.

How do i write a selector to do this, for do i have to use the each and specifically check?

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

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

My Table has rows being inserted at various places, hence why i remove it from the odd rows.

I now have certain rows hidden using

jQueryTrObject.hide();

I want to apply the same styling as before, so that alternate rows, as far as the user is concerned are marked up odd and even, and i'd like it to take into account of hidden rows.

How do i write a selector to do this, for do i have to use the each and specifically check?

Share Improve this question asked Jan 31, 2011 at 16:06 AndyAndy 1,4211 gold badge16 silver badges22 bronze badges
Add a ment  | 

4 Answers 4

Reset to default 6

use the :visible selector

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

Remember to use it first so that the :even filter applies after it.

Try this out:

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

Use a :not(:hidden) selector

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

You can use the :visible selector to only markup visible row:

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

评论列表(0)

  1. 暂无评论