მეთოდი closest

მეთოდი closest პოულობს უახლოეს მშობელ ელემენტს, რომელიც აკმაყოფილებს მეთოდის პარამეტრით მოცემულ სელექტორს. ეს მეთოდი მსგავსია მეთოდის parent. ძიება მიმდინარეობს შემდეგნაირად: ჯერ შემოწმდება ელემენტის პირდაპირი მშობელი, შემდეგ ბაბუა, ბებია და ა.შ. ძირამდე (ანუ ტეგამდე html).

სინტაქსი

სელექტორი შეიძლება იყოს DOM ელემენტი, გამოხატულება ან jQuery ობიექტი. ძიება იწყება პარამეტრად გადაცემული DOM ელემენტიდან:

javascript.closest(სელექტორი);

მეორე პარამეტრად ასევე შეიძლება გადაეცეს DOM ელემენტი, მაშინ ძიება მოხდება ამ ელემენტში:

javascript.closest(სელექტორი, კონტექსტი);

მაგალითი

მოდით ელემენტისთვის #test ვიპოვოთ უახლოესი მშობელი კლასით www და ამ ელემენტის დასაწყისში ჩავსვათ აბზაცი ტექსტით '!', ხოლო ბოლოში - აბზაცი ტექსტით '?':

html<div>
  <div class="www">
    <div>
      <p id="test">ტექსტი</p>
    </div>
  </div>
</div>

javascript$('#test').closest('.www').append('<p>?</p>').prepend('<p>!</p>');

HTML კოდი ასე გამოიყურება:

html<div>
  <div class="www">
    <p>!</p>
    <div>
      <p id="test">ტექსტი</p>
    </div>
    <p>?</p>
  </div>
</div>

იხილეთ აგრეთვე