jQuery prevUntil() Yöntemi
Örnek
Tüm kardeş öğeleri, "start" ve "stop" sınıf adıyla iki <li> öğesi arasında döndürün:
$(document).ready(function(){
$("li.start").prevUntil("li.stop").css({"color": "red", "border": "2px solid red"});
});
Sonuç:
ul (parent)
- li (sibling with class name "stop")
- li (sibling)
- li (sibling)
- li (sibling)
- li (sibling with class name "start")
- li (sibling)
- li (sibling)
Tanım ve Kullanım
prevUntil() yöntemi, seçici ve stop arasındaki önceki tüm kardeş öğeleri 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.
Not: Her iki parametre de boşsa, bu yöntem önceki tüm kardeş öğeleri döndürür (prevAll() yöntemiyle aynı).
İlgili yöntemler:
- prev() - seçilen öğenin önceki kardeş öğesini döndürür
- prevAll() - seçilen öğenin önceki tüm kardeş öğelerini döndürür
Sözdizimi
$(selector).prevUntil(stop,filter)
Parameter | Description |
---|---|
stop | Optional. A selector expression, element or jQuery object indicating where to stop the search for previous matching siblings elements |
filter | Optional. Specifies a selector expression to narrow down the search for sibling elements between the selector and stop Note: To return multiple siblings, separate each expression with a comma. |
Kendiniz Deneyin - Örnekler
İki bağımsız değişken arasında önceki kardeş öğeleri aramayı filtrelemek için her iki parametreyi de kullanın.
çok kardeş döndür İki bağımsız değişken arasında birden çok kardeş öğe nasıl döndürülür.
İki bağımsız değişken arasında kardeş öğeleri döndürmek için seçici yerine DOM öğesi kullanma.
kullanma İki bağımsız değişken arasında önceki kardeş aramasını filtrelemek için seçici ve her iki parametre yerine bir DOM öğesi kullanma.