Örnek
Ilk atası Dönüş <span> , bu bir olduğunu <ul> elemanı:
$(document).ready(function(){
$("span").closest("ul").css({"color": "red", "border": "2px
solid red"});
});
Sonuç:
body (great-great-grandparent)
div (great-grandparent)
ul (second ancestor - second grandparent) ul (first ancestor -
first grandparent) - li (direct parent) span
Kendin dene " Tanımı ve Kullanımı
closest() metodu, seçilen elemanının birinci atası döndürür.
Bir ata böyle devam ebeveyn, büyükanne, büyük-büyükbaba ve.
DOM ağacı: Geçerli elemandan çapraz yukarı Bu yöntem, belgenin kök elemanına kadar tüm yol (<html>) , DOM öğeleri ilk atası bulmak için.
Bu yöntem benzer parents() her ikisi de DOM ağacı geçmeleri bakımından. Farkları şunlardır:
closest()
- Geçerli elemanı ile başlar
- DOM ağacı Travels ve ilk döndürür (single) geçti ifadeyle eşleşir atası
- geri jQuery nesnesi sıfır ya da bir eleman içerir
parents()
- ebeveyn elemanı ile başlar
- DOM ağaca Travels ve geçen ifadeyle eşleşir bütün ataları döndürür
- geri jQuery nesnesi sıfır veya birden fazla eleman içerir
Diğer ilgili yöntem:
- parent() - seçilen elemanın doğrudan ana elemanını döner
- parentsUntil() - verilen iki bağımsız değişkenler arasındaki tüm ata elemanları döner
Sözdizimi
Seçilen elemanın ilk atası Dönüş:
$( DOM ağacını içinde aramak için bir DOM bağlamını kullanarak ilk atası Dönüş:
$( Parametre Açıklama filter Gereklidir. , Eleman veya jQuery nesnesi atası arama bir selektör ifade daraltmak belirtir context İsteğe bağlı. Bir eşleşme elemanı bulunabilir, içinde bir DOM öğesi
it Yourself deneyin - Örnekler
Ilk atası Dönüş <span> , bu ise <span> elemanı
Bu yöntem, geçerli elemanı, birinci için bir arama ile başladığından <span> içinde <span> , dönecektir <span> .
Ilk atası elemanı aramak için olan içerik olarak bir DOM elemanında geçmek
Her iki parametre kullanarak ilk aramak için olan içerik olarak bir DOM elemanına geçmesi <ul> elemanı.