jQuery kardeşler() Yöntem
Örnek
Her <li> öğesinin tüm kardeş öğelerini "start" sınıf adıyla döndürün:
$(document).ready(function(){
$("li.start").siblings().css({"color": "red", "border": "2px solid red"});
});
Sonuç:
ul (parent)
- li (sibling)
- li (sibling)
- li (sibling with class name "start")
- li (sibling)
- li (sibling)
Tanım ve Kullanım
Kardeşler() yöntemi, seçilen öğenin tüm kardeş öğelerini döndürür.
Kardeş öğeler, aynı ebeveyni paylaşan öğelerdir.
DOM ağacı: Bu yöntem, DOM öğelerinin kardeşleri boyunca ileri ve geri hareket eder.
İpucu: Aramayı yalnızca önceki veya sonraki kardeş öğeler için daraltmak için prev() veya next() yöntemini kullanın.
Sözdizimi
$(selector).siblings(filter)
Parameter | Description |
---|---|
filter | Optional. Specifies a selector expression to narrow down the search for sibling elements |
Kendiniz Deneyin - Örnekler
daraltın Kardeş öğeler için aramayı filtrelemek için her iki parametre nasıl kullanılır.
tüm kardeş <p> öğelerini aramayı daraltma.