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=