jQueryで（n）番目（ｎ倍数）の特定要素に処理を加える「:nth-child()」のちょっと便利な使い方｜BLACKFLAG

Webページ上の＜li＞リストなど、 いくつも同じ要素が繰り返されるものに対して、 jQueryを使って、特定の（n）番目の物に処理を加えられる 「:nth-child()」のちょっと便利な使い方の紹介をしてみます。 「:nth-child()」の基礎的な使い方としては 連続している要素のn番目の要素に対して 特定の処理を加えられるというもの。 例えば下記の様なリストがあった場合、 ◆HTML【SAMPLE01】 <ul> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> <li>6</li> <li>7</li> <li>8</li> <li>9</li> <li>10</li> </ul> このリストの3番目の要素のみに 背景色を変えるスクリプトを実行させる場合。 ◆SCRIPT【SAMPLE01】 <script type=

[apple2tea]

jQueryで（n）番目（ｎ倍数）の特定要素に処理を加える「:nth-child()」のちょっと便利な使い方

[sutara_lumpur]

#CSS "nth-child(3n+1)"で3の倍数の要素にのみ指定、か。なるほど。

[microgravity]

:nth-child(3n)

[norip44]

今日の助かったJS記事！ ググり方でこういった記事ちゃんと引き当てられるよ、ってケースでした。