Açıklama : Aynı tag olan kardeşler içinde ilkini seçer.
jQuery( ":first-of-type" )
Eklendiği Versiyon 1.9
:first-of-type seçicisi aynı ebeveyn altında bulunan aynı tag adına
sahip elemanların döküman ağacında ilk sırada olanını seçer.
Örnekler:
Eşleşen her <div> elamanı içindeki ilk <span> elemanını
bulup ona bir sınıf adı ver.
<style>
span.fot {
color: red;
font-size: 120%;
font-style: italic;
}
</style>
<div>
<span>Corey,</span><span>Yehuda,</span>
<span>Adam,</span><span>Todd</span>
</div>
<div>
<b>Nobody,</b><span>Jörn,</span>
<span>Scott,</span><span>Timo</span>
</div>
<script>
$( "span:first-of-type" ).addClass( "fot" );
</script>
Corey,Yehuda,
Adam,Todd
Nobody,Jörn,
Scott,Timo