jQuery Keşif - eq() Yöntemi

jQuery Keşif Kılavuzu

Örnek

2. index'e sahip div'ye uygun sınıf ekleyerek onu maviye dönüştürün:

$("body").find("div").eq(2).addClass("blue");

Kişisel olarak deneyin

Tanım ve Kullanım

eq() yöntemi, belirtilen index üzerindeki bir elementi eşleştirir ve element koleksiyonunu bu değere indirger.

Gramer

.eq(index)
Parametre Açıklama
index

Tamsayı, elementin konumunu belirtir (en küçük 0'dır).

Eğer negatifse, koleksiyondan sonraki en son elementden geriye doğru sayılır.

Ayrıntılı Açıklama

Belirtilen DOM elementi koleksiyonunu temsil eden jQuery nesnesi verildiğinde, .eq() yöntemi, koleksiyondaki bir element kullanarak yeni bir jQuery nesnesi oluşturur. Kullanılan index parametresi, koleksiyondaki elementin konumunu belirtir.

Aşağıdaki basit listeyi görün:

<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>

Örnek 1

Bu yöntemi bu liste maddesi koleksiyonuna uygulayabiliriz:

$('li').eq(2).css('background-color', 'red');

Kişisel olarak deneyin

Bu çağrının sonucu, projesi 3'e kırmızı arka plan ayarlanmasıdır. Lütfen dikkat edin, index sıfırdan başlayarak ve jQuery nesnesinde elemanın konumunu DOM ağacında değil, jQuery nesnesinde belirtir.

Örnek 2

Eğer negatif bir değer sağlanırsa, bu, koleksiyonun sonundan başlayarak değil, başlangıçtan başlayarak konumlandırır. Örneğin:

$('li').eq(-2).css('background-color', 'red');

Kişisel olarak deneyin

Bu sefer, projesi 4'nin arka planı kırmızıya dönüştü, çünkü bu, koleksiyonun sonundan başlayarak ikinci olanıdır.

Örnek 3

Belirtilen index parametresine göre element bulunamadığında, bu yöntem boş bir jQuery nesnesi oluşturur ve length özelliği 0'dır.

$('li').eq(5).css('background-color', 'red');

Kişisel olarak deneyin

Burada, listedeki hiçbir madde kırmızıya dönmez, çünkü .eq(5) ile işaretlenen altıncı liste maddesi bu nedenle.

jQuery Keşif Kılavuzu