jQuery Keşif - prevUntil() Metodu
Örnek
Her bir p elementinin "seçili" adlı sınıflara sahip tüm kardeş elementlerini bulur:
$("p").kardeşler(".seçili")
Tanım ve Kullanım
Kardeşler() her bir elementin kardeşlerini alır, seçici ile süzgeçleme seçenekleri mevcuttur.
Sözdizimi
.kardeşler(seçici)
| Parametre | Tanım |
|---|---|
| seçici | Eşleşen elementleri belirlemek için kullanılan seçici ifadesi içeren bir dizi karakter. |
Ayrıntılı Açıklama
Bir DOM elementi kümesi olan jQuery nesnesi verildiğinde, .kardeşler() yöntemi, bu elementlerin kardeş elementlerini DOM ağacında aramamıza olanak tanır ve bu kardeş elementlerden yeni bir jQuery nesnesi oluşturur.
Bu yöntem, $() fonksiyonuna iletilen parametre türü ile aynı olan seçici ifadesini alır. Bu seçici ifadesi uygulandığında, elementin bu seçici ile eşleşip eşleşmediğini kontrol ederek elementleri süzgeçler.
Bu temel iç içe listeli sayfanı düşünün:
<ul> <li>list item 1</li> <li>list item 2</li> <li class="third-item">list item 3</li> <li>list item 4</li> <li>list item 5</li> </ul>
Üçüncü projeden başlayarak bu elementin kardeş elementlerini bulabiliriz:
$('li.third-item').kardeşler().css('background-color', 'red');
Burada çağrılan sonuç, 1, 2, 4 ve 5 numaralı projelerin arka planını kırmızıya ayarlama işlemidir. Kırmızı arka plana ayarlanır. Seçici ifadesi uygulanmadığı için, tüm kardeş elementler doğal olarak nesnenin bir parçası haline gelir. Seçici ifadesi uygulandığında, sadece dört listedeki eşleşen projeler içeri alınır.
Başlangıç elementi, kardeş elementler arasında yer almaz. DOM ağacının belirli bir seviyesindeki tüm elementleri bulmayı planladığımızda, bir noktaya dikkat etmek önemlidir.
