En son web geliştirme öğreticiler
 

jQuery next() Method

<JQuery Traversing Yöntemleri

Örnek

Her bir sonraki kardeş elemanı döndürür <li> sınıf adıyla eleman "start" :

$(document).ready(function(){
    $("li.start").next().css({"color": "red", "border": "2px solid red"});
});

Sonuç:

    ul (parent)
  • li (sibling)
  • li (sibling)
  • li (sibling with class name "start")
  • li (sibling)
  • li (sibling)
Kendin dene "

Tanımı ve Kullanımı

next() metodu, seçilen elemanının bir sonraki kardeş elemanını döner.

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

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

İlgili yöntemleri:

  • nextAll() - seçilen eleman tüm sonraki kardeş elemanları döndürür
  • 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ş aramayı daraltmak için bir seçici ifadesini belirtir

it Yourself deneyin - Örnekler

Her küçük kardeşini seç <div> elemanı
Her bir sonraki kardeş elemanını seçmek için nasıl <div> elemanı.

Daraltabilmeniz
Bir sonraki kardeş nasıl seçilir <p> Her unsuru <div> elemanı.


<JQuery Traversing Yöntemleri