:odd ** DEPRECATED **
JQ Home <<
Selectors <<
:odd
Odd index selector.
Shorthand version $(':odd')
Description
The :odd selector, selects odd elements within the matched set.
- Like all the positional selectors
:odduses a zero-based index to select from previously filtered elements. - Being a jQuery extension the
:oddpseudo selector is not part of any current CSS specification. Therefore:oddcannot take advantage of the performance boost provided by the native DOMquerySelectorAll()method. - The same results can be achieved with better performance using the
:oddmethod with a valid CSS selector, for example$('.testtable td').odd().css('backgroundColor', 'purple');.
This method was deprecated in jQuery 3.4.
Syntax
| Signature | Description |
|---|---|
jQuery(':odd') | Odd numbered index match |
Parameters
None.
Return
N/A.
:odd Example
Selectors << Top
Selects odd elements within the matched set.
In the example below we apply an orange background to all odd table rows.
| Table Row 1, Table Data 1 | Table Row 1, Table Data 2 |
| Table Row 2, Table Data 1 | Table Row 2, Table Data 2 |
| Table Row 3, Table Data 1 | Table Row 3, Table Data 2 |
| Table Row 4, Table Data 1 | Table Row 4, Table Data 2 |
$(function(){
$('#btn1').on('click', function() {
$('.testtable tr:odd').css('backgroundColor', 'orange');
});
});
Related Tutorials
jQuery Basic Tutorials - Lesson 4 - jQuery Selectors