Açıklama : Bulunulan set içinde index'i verilen elemanı bulur.
.eq( index )
Eklendiği Versiyon 1.1.2
index :
Tip :
Tamsayı
Elemanın sıra numarası, sıfırdan başlayarak sayım.
.eq( indexFromEnd )
Eklendiği Versiyon 1.4
indexFromEnd :
Tip :
Tamsayı
Sıfırdan geri sayarak eleman index'i, negatif sayı.
DOM elemanlarından oluşan bir jQuery nesnesi verildiğinde, .eq() metodu
bu setin bir tane elemanından oluşan jQuery nesnesi döner. Verilen index bu
elemanın set içindeki sıra numarasıdır.
Basit bir liste içeren sayfa düşünelim.
<ul>
<li>list item 1</li>
<li>list item 2</li>
<li>list item 3</li>
<li>list item 4</li>
<li>list item 5</li>
</ul>
Bu listeye metodumuzu uygulayarak elemanın birinde değişiklik yapabiliriz.
$( "li" ).eq( 2 ).css( "background-color", "red" );
- list item 1
- list item 2
- list item 3
- list item 4
- list item 5
Index değeri sıfırdan başladığı için 3 numaralı liste elemanı seçilmiş olmasına dikkat
ediniz.
Negatif bir index değeri vermek elemanları sondan geri doğru saymaya sebep olur.
$( "li" ).eq( -2 ).css( "background-color", "red" );
- list item 1
- list item 2
- list item 3
- list item 4
- list item 5
5 nolu eleman -1'inci ve 4 nolu eleman -2'nci olacaktır.
Eğer verilen index'te eleman bulunamazsa boş bir jQuery nesnesi geri döner.
Örnekler:
Index'i 2 olan <div> elemanını ilgili sınıfı vererek mavi yap.
<style>
div {
width: 70px; height: 70px;
margin: 10px; float: left;
border: 2px solid blue;
}
.blue { background: blue; }
</style>
<div></div> <div></div> <div></div>
<div></div> <div></div> <div></div>
<script>
$( "body" ).find( "div" ).eq( 2 ).addClass( "blue" );
</script>