jQuery en yakın() Yöntem
Örnek
<span> öğesinin ilk atasını, yani bir <ul> öğesini döndürün:
$(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
Tanım ve Kullanım
En yakın() yöntemi, seçilen öğenin ilk üst öğesini döndürür.
Ata, ebeveyn, büyükanne ve büyükbaba, büyük büyükanne ve büyükbaba vb.
DOM ağacı: Bu yöntem, DOM öğelerinin ilk atasını bulmak için geçerli öğeden belgenin kök öğesine (<html>) kadar yukarı doğru hareket eder.
Bu yöntem, parent() yöntemine benzerdir , çünkü ikisi de DOM ağacında yukarı doğru hareket eder. Farklar aşağıdaki gibidir:
en yakın()
- Geçerli öğeyle başlar
- DOM ağacında yukarı doğru hareket eder ve geçirilen ifadeyle eşleşen ilk (tek) üst öğeyi döndürür
- Döndürülen jQuery nesnesi sıfır veya bir öğe içeriyor
ebeveynler()
- Üst öğeyle başlar
- DOM ağacında yukarı doğru hareket eder ve geçirilen ifadeyle eşleşen tüm ataları döndürür
- Döndürülen jQuery nesnesi sıfır veya birden fazla öğe içeriyor
Diğer ilgili yöntemler:
- parent() - seçilen öğenin doğrudan üst öğesini döndürür
- parentUntil() - verilen iki bağımsız değişken arasındaki tüm üst öğeleri döndürür
Sözdizimi
Seçili öğenin ilk atasını döndür:
$(selector).closest(filter)
DOM ağacına bakmak için bir DOM bağlamı kullanarak ilk atayı döndürün:
$(selector).closest(filter,context)
Parameter | Description |
---|---|
filter | Required. Specifies a selector expression, element or jQuery object to narrow down the ancestor search |
context | Optional. A DOM element within which a matching element may be found |
Kendiniz Deneyin - Örnekler
Bu yöntem geçerli öğeyle başladığından, <span> öğesinin ilk <span> öğesinin aranması <span> öğesini döndürür.
aranacağı bağlam olarak bir DOM öğesini iletin İlk <ul> öğesinin aranacağı bağlam olarak bir DOM öğesini iletmek için her iki parametreyi kullanın.