En son web geliştirme öğreticiler
 

jQuery nextAll() Method

<JQuery Traversing Yöntemleri

Örnek

Her tüm sonraki kardeş elemanlarını Return <li> sınıf adıyla eleman "start" :

$(document).ready(function(){
    $("li.start").nextAll().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)
Kendin dene "

Tanımı ve Kullanımı

nextAll() metodu seçilen eleman tüm sonraki 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.

İlgili yöntemleri:

  • next() - seçilen elemanının bir sonraki kardeş elemanını döner
  • nextUntil() - verilen iki bağımsız değişkenler arasındaki tüm sonraki kardeş elemanları döndürür

Sözdizimi

$( Parametre Açıklama filter İsteğe bağlı. Bir sonraki kardeşlerine arayışını daraltmak 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
Nasıl sonraki kardeş elemanları arayışını filtrelemek için.

Birden kardeşleri Dönüş
Filtre parametresini kullanarak tüm kardeşleri almak için <h2> sınıf adları vardır elemanı "first", "second" ve "third" .

Bir bütün sonraki kardeş elemanlarını seçip <p> elemanı
Nasıl tüm sonraki kardeş elemanlarını seçmek için <p> elemanı.

Tüm sonraki kardeş seç <p> elemanları <div>
Nasıl bütün bir sonraki kardeş seçmek için <p> Her unsurlarını <div> elemanı.


<JQuery Traversing Yöntemleri