jQuery | :odd Selector
The jQuery :odd selector used to select an odd number index from the elements. The number of index starts from 0. The working is same as :even selectors but for odd numbers.
syntax
$(":odd")
Example-1:
<!DOCTYPE html> < html > < head > < script src = </ script > < script > $(document).ready(function() { $("tr:odd").css("background-color", "green"); }); </ script > </ head > < body > < center > < h1 >GeeksForGeeks</ h1 > < table border = "1" > < tr > < th >Company</ th > < th >Country</ th > </ tr > < tr > < td >reliance</ td > < td >India</ td > </ tr > < tr > < td >flipkart</ td > < td >India</ td > </ tr > < tr > < td >walmart</ td > < td >American</ td > </ tr > < tr > < td >Ernst Handel</ td > < td >Austria</ td > </ tr > < tr > < td >Island Trading</ td > < td >UK</ td > </ tr > </ table > </ center > </ body > </ html > |
chevron_right
filter_none
Output:
Example-2:
<!DOCTYPE html> < html > < head > < script src = </ script > < script > $(document).ready(function() { $("tr:odd").css("background-color", "lightgreen"); }); </ script > </ head > < body > < center > < h1 >Welcome To GeeksForGeeks </ h1 > < table border = "2" > < tr > < th >State</ th > < th >Capital</ th > </ tr > < tr > < td >uttar pradesh</ td > < td >lucknow</ td > </ tr > < tr > < td >punjab</ td > < td >chandigarh</ td > </ tr > < tr > < td >haryana</ td > < td >candigarh</ td > </ tr > </ table > </ center > </ body > </ html > |
chevron_right
filter_none
Output:
Recommended Posts:
- jQuery | :first Selector
- jQuery | :last Selector
- jQuery | :not() Selector
- jQuery | :contains() Selector
- jQuery | :has() Selector with example
- jQuery | * Selector
- jQuery | :gt() Selector
- jQuery | :lt() Selector
- jQuery | :even Selector
- jQuery | #id Selector
- jQuery | [attribute~=value] Selector
- jQuery | :hidden Selector
- jQuery | animated Selector with Example
- jQuery | [attribute=value] Selector
- jQuery | [attribute|=value] Selector
If you like GeeksforGeeks and would like to contribute, you can also write an article using contribute.geeksforgeeks.org or mail your article to contribute@geeksforgeeks.org. See your article appearing on the GeeksforGeeks main page and help other Geeks.
Please Improve this article if you find anything incorrect by clicking on the "Improve Article" button below.