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>

Ошондой эле караңыз