jQuery | :nth-child() Selector
jQuery :nth-child() Selector Selects all elements that are the nth-child of their parent.
Syntax:
$("Element:nth-child(Index/even/odd/equation)")- Values:
- Index: Index provided. Index starts from
- even: even number of child elements get selected.
- odd: odd number of child elements will get selected.
- equation: select child elements by solving a formula(an+b).
Example:
<!DOCTYPE html><html> <head> <script src= </script> <script> $(document).ready(function() { $("p:nth-child(2n-1)").css("background-color", "lightgreen"); }); </script></head> <body> <p>GFG</p> <p>GFG</p> <p>GFG</p> <p>GFG</p> <p>GFG</p> <p>GFG</p> <p>GFG</p> <p>GFG</p> <p>GFG</p> <p>GFG</p> <p>GFG</p> </body> </html> |
Output:
