指定の数字にマッチした要素を取得する。これはjQueryオブジェクト内のindexではなくCSSにおけるindexで指定する。いちばん最初が0から始まるか1から始まるか。
サンプル
Javascript
$('.jqTest :button').click(function(){
if ($(this).attr('class') === 'reset') {
$('.jqTest li').css({ fontWeight: 'lighter' });
} else {
$('li:nth-child(' + $(this).val() + ')', '.jqTest').css({ fontWeight: 'bold' });
}
});
HTML
<div class="jqTest">
<input type="button" value="5" class="execute" />
<input type="button" value="odd" class="execute" />
<input type="button" value="even" class="execute" />
<input type="button" value="2n+1" class="execute" />
<input type="button" value="リセット" class="reset" />
<ul>
<li>list 0</li>
<li>list 1</li>
<li>list 2</li>
<li>list 3</li>
<li>list 4</li>
<li>list 5</li>
<li>list 6</li>
<li>list 7</li>
<li>list 8</li>
<li>list 9</li>
</ul>
</div>