:odd ** DEPRECATED **S2C 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:odd uses a zero-based index to select from previously filtered elements.
Being a jQuery extension the :odd pseudo selector is not part of any current CSS specification. Therefore :odd cannot take advantage of the performance boost provided by the native DOM querySelectorAll() method.
The same results can be achieved with better performance using the odd() method with a valid CSS selector, for example $("cssSelector").odd().
This method was deprecated in jQuery 3.4.
Syntax
| Signature | Description |
|---|---|
jQuery(':odd') | Even numbered index match |
Parameters
None.
Return
N/A.
:odd ExampleTop
Selects odd elements within the matched set.
In the example below we apply an orange backgroud 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');
});
});