.odd()
Reduce the set of matched elements to the odd ones in the set, numbered from zero.
.odd()🡢 jQuery
Given a jQuery object that represents a set of DOM elements, the .odd() method constructs a new jQuery object from the odd elements in that set. Counting starts from zero!
Consider a page with a simple list on it:
<ul>
<li>list item 1</li>
<li>list item 2</li>
<li>list item 3</li>
<li>list item 4</li>
<li>list item 5</li>
</ul>
We can apply this method to the set of list items:
$("li").odd().css("background-color", "red");
The result of this call is a red background for the second & 4th items.
Highlight the odd items in a list.
JS
<ul>
<li>Look:</li>
<li>This is some text in a list.</li>
<li>This is a note about it.</li>
<li>This is another note about it.</li>
</ul>
CSS
.highlight {
background-color: yellow;
}
HTML
$("ul li").odd().addClass("highlight");
DEMO