I thought I had a simple way to zebra-stripe table rows in jQuery:
$('table tbody tr').each(function(i) { $(this).addClass(i%2 ? 'OddRow' : 'EvenRow'); });
While I was looking up jQuery selectors, I found that the library has two custom selectors, :odd and :even, to select the odd and even elements in a matched element set, respectively, so you could zebra-stripe a table like this:
$('table tbody tr:odd').addClass('OddRow'); $('table tbody tr:even').addClass('EvenRow');
The second example seems a little more obvious.
See Also
- jQuery Selectors
No comments:
Post a Comment