jQuery nextUntil() 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").nextUntil("li.stop").css({"color": "red", "border": "2px solid red"});
});
Sonuç:
ul (parent)
- li (sibling)
- li (sibling)
- li (sibling with class name "start")
- li (sibling)
- li (sibling)
- li (sibling)
- li (sibling with class name "stop")
Tanım ve Kullanım
nextUntil() yöntemi, seçici ve stop arasındaki sonraki 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 ileri doğru hareket eder.
Not: Her iki parametre de boşsa, bu yöntem sonraki tüm kardeş öğeleri ( nextAll() yöntemiyle aynı) döndürür.
İlgili yöntemler:
- next() - seçilen öğenin bir sonraki kardeş öğesini döndürür
- nextAll() - seçilen öğenin sonraki tüm kardeş öğelerini döndürür
Sözdizimi
$(selector).nextUntil(stop,filter)
Parameter | Description |
---|---|
stop | Optional. A selector expression, element or jQuery object indicating where to stop the search for next 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 sonraki 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.
Tüm kardeş öğeleri verilen iki bağımsız değişkeni döndürmek için seçici yerine bir DOM öğesi kullanma.
kullanma İki bağımsız değişken arasında sonraki kardeş aramayı filtrelemek için seçici ve her iki parametre yerine bir DOM öğesi kullanma.