擬似クラス
nth-child擬似クラス
セレクターの要素から任意の番号の要素だけを選択出来る、すごいヤツ。
<ul">
<li>テキストテキストテキストテキスト</li>
<li>テキストテキストテキストテキスト</li>
<li>テキストテキストテキストテキスト</li>
<li>テキストテキストテキストテキスト</li>
<li>テキストテキストテキストテキスト</li>
<li>テキストテキストテキストテキスト</li>
</ul>
<(3)番目のli要素を赤字にせよ>
$(function(){
$("li:nth-child(3)").css("color","red");
});
- テキストテキストテキストテキスト
- テキストテキストテキストテキスト
- テキストテキストテキストテキスト
- テキストテキストテキストテキスト
- テキストテキストテキストテキスト
- テキストテキストテキストテキスト
番号ではなく、奇数や偶数でも指定出来ます。
<奇数番目> $("li:nth-child(odd)")
<偶数版目> $("li:nth-child(even)")
$(function(){
$("li:nth-child(even)").css("color","blue");
});
- テキストテキストテキストテキスト
- テキストテキストテキストテキスト
- テキストテキストテキストテキスト
- テキストテキストテキストテキスト
- テキストテキストテキストテキスト
- テキストテキストテキストテキスト