jQuery prevAll() Yöntemi
Örnek
Her <li> öğesinin önceki tüm kardeş öğelerini "start" sınıf adıyla döndürün:
$(document).ready(function(){
$("li.start").prevAll().css({"color": "red", "border": "2px solid red"});
});
Sonuç:
ul (parent)
- li (sibling)
- li (sibling)
- li (sibling)
- li (sibling with class name "start")
- li (sibling)
- li (sibling)
Tanım ve Kullanım
prevAll() yöntemi, seçilen öğenin önceki tüm kardeş öğelerini döndürür.
Kardeş öğeler, aynı ebeveyni paylaşan öğelerdir.
DOM ağacı: Bu yöntem, DOM öğelerinin kardeşleri boyunca geriye doğru hareket eder.
İlgili yöntemler:
- prev() - seçilen öğenin sonraki kardeş öğesini döndürür
- prevUntil() - verilen iki bağımsız değişken arasındaki sonraki tüm kardeş öğeleri döndürür
Sözdizimi
$(selector).prevAll(filter)
| Parameter | Description |
|---|---|
| filter | Optional. Specifies a selector expression to narrow down the search for previous siblings Note: To return multiple siblings, separate each expression with a comma. |
Kendiniz Deneyin - Örnekler
nasıl filtrelenir.
döndür Bir <h2> öğesinin "birinci", "ikinci" ve "üçüncü" sınıf adlarına sahip tüm kardeşlerini döndürmek için filtre parametresi nasıl kullanılır.
önceki tüm kardeş öğelerini seçin Bir <p> öğesinin önceki tüm kardeş öğelerini nasıl seçersiniz.
div> öğesinin önceki tüm kardeş <p> öğelerini seçin Her bir <div> öğesinin önceki tüm kardeş <p> öğelerini seçme.