En son web geliştirme öğreticiler
 

jQuery nextUntil() Method

<JQuery Traversing Yöntemleri

Örnek

Arasındaki tüm kardeş unsurları İade iki <li> sınıf adıyla elemanları "start" ve "stop" :

$(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")
Kendin dene "

Tanımı ve Kullanımı

nextUntil() metodu seçici ve destek arasındaki tüm gelecek kardeş elemanları döner.

Kardeş elemanlar aynı ebeveyne paylaşan unsurlardır.

DOM ağacı: Bu yöntem, DOM elemanların kardeşler boyunca ileri doğru hareket.

Not: Her iki parametre boşsa, bu yöntem tüm sonraki kardeş elemanlarını dönecektir (same as the nextAll() yöntemiyle).

İlgili yöntemleri:

  • next() - seçilen elemanının bir sonraki kardeş elemanını döner
  • nextAll() - seçilen eleman tüm sonraki kardeş elemanları döndürür

Sözdizimi

$( Parametre Açıklama stop İsteğe bağlı. Bir seçici ekspresyonu gösteren eleman veya jQuery nesne aşağıdaki eşleme kardeşler elemanları için arama durdurmak filter İsteğe bağlı. Seçicinin arasındaki elemanları kardeş için arama daraltmak ve durdurmak için bir seçici ifadesini belirtir

Not: birden fazla kardeşler geri virgülle her ifade ayırın.

it Yourself deneyin - Örnekler

Daraltabilmeniz
Her iki parametreleri kullanarak iki argüman arasındaki bir sonraki kardeş elemanları arayışını filtrelemek için.

Birden kardeşleri Dönüş
Nasıl iki bağımsız değişken arasındaki çoklu kardeş elemanlarını döndürmek için.

DOM
Bir seçicinin yerine DOM öğesi kullanmak tüm kardeş elemanlarını iki verilen argümanlar dönmek için.

Her iki parametrelerle DOM kullanma
Bir DOM öğesi yerine seçici ve her iki parametreleri kullanarak iki argüman arasındaki bir sonraki kardeş aramayı filtrelemek için.


<JQuery Traversing Yöntemleri