What does nth-child(3n) mean in jquery?

:nth-child means matching the sub-elements below it: nth-child(Xn+Y) means starting from the Yth one. Increasing X can have: nth-child(3n+10) means starting from the 10th one. , 10, 13, 16, 19...:nth-child(3n), then Y=0, which can be omitted, indicating starting from 0, 0, 3, 6, 9...

I hope to You are helpful: Child element

:nth-child(index/even/odd/equation)

matches the Nth child or odd-even element under its parent element

Difference: ':eq(index)' only matches one element , and this one will match child elements for every parent element. :nth-child starts from 1, and :eq() starts from 0!

You can use ::nth-child(even), :nth-child(odd), :nth-child(3n), :nth-child(2), :nth-child(3n+1) , :nth-child(3n+2)

index (Number): The serial number of the element to be matched, starting from 1

Example finds the second li
# in each ul
##

John
 
Karl
 
Brandon
Glen
 
Tane
 
Ralph

Code:

$("ul li:nth-child(2)")

Result:

Karl
, 
Tane

nth-child(3n+1) What does it mean?

1
2
3
4
5
6
7
8
9
10

“:nth-child means matching the child elements below it: nth-child(Xn+Y) means starting from the Yth one, and increasing X can have:nth-child(3n+10) means Starting from the 10th one, 10, 13, 16, 19...:nth-child(3n) means Y=0, which can be omitted, meaning starting from 0, 0, 3, 6, 9..." This person answered The problem is, it seems that the minimum parameter of nth-child is also 1, and it starts from 1, not from 0.

The above is the detailed content of What does nth-child(3n) mean in jquery?. For more information, please follow other related articles on the PHP Chinese website!