jQuery Keşif - prevAll() Yöntemi
Örnek
Son div'den önceki tüm div'leri belirleyin ve onlara sınıf ekleyin:
$("div:last").prevAll().addClass("before");
Tanım ve Kullanım
prevAll(), mevcut eşleşen element koleksiyonunun her bir elementinin önündeki kardeş elementlerini alır, seçici ile süzgeçleme seçenekli olup olmadığına bağlıdır.
Gramer
.prevAll(selector)
Parametre | Tanım |
---|---|
selector | İçerik, elementleri eşleştirmek için kullanılan seçici ifadesi. |
Ayrıntılı Açıklama
Bir DOM element koleksiyonunu temsil eden bir jQuery nesnesi verilirse, .prevAll() yöntemi, bu elementlerin DOM ağacında önlerindeki kardeş elementleri aramamıza ve bu elementler için yeni bir jQuery nesnesi oluşturmamıza olanak tanır.
Bu yöntem, $() fonksiyonuna iletilen parametre türüne benzer seçici ifadesi seçeneklerini kabul eder. Bu seçici uygulanırsa, elementlerin bu seçiciye uyup uymadığını kontrol ederek elementleri süzgeçler.
Bu temel içeren içe gömülü listeli sayfayı 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 elementler arasındaki kardeş elementleri bulabiliriz:
$('li.third-item').prevAll().css('background-color', 'red');
Bu durumda çağrılan sonuç, projeler 2 ve 1'in kırmızı arka plana ayarlanmasıdır. Seçici ifadesi uygulanmadığı için, bu öndeki unsurlar doğal olarak nesnenin bir parçası haline gelirler. Seçici uygulanırsa, bu unsurların seçiciye uyup uymadığını kontrol ederken içerideki unsurların önceden kontrol edilir.