<table> <tr> <td> <ul> <li>太郎</li> <li>次郎</li> <li>三郎</li> <li>四郎</li> </ul> </td> <td> <ul> <li>与太郎</li> </ul> </td> <td> <ul> <li>グレン</li> <li>テーン</li> <li>ラルフ</li> <li>デビッド</li> <li>マイク</li> <li>キアヌ</li> </ul> </td> </tr> </table>
太郎
次郎
三郎
四郎
与太郎
グレン
テーン
ラルフ
デビッド
マイク
キアヌ
:nth-child(even)
:nth-child(odd)
:nth-child(3n)
:nth-child(2)
:nth-child(3n+1)
:nth-child(3n+2)
:even
:odd
【解説】:nth-child(even)をクリックすると、各親から数えた場合の偶数(2.4,6)が選択されます。 一方、:evenの場合、全体でカウントして、それにおける偶数を選択します。ここでは、人名の後にjQueryがどのように数えているかの数字を表示しています。 :evenの場合、太郎が0番で、キアヌが通し番号で10番になっています。