JAVASCRIPT CLOSEST()

Методът closest() в JavaScript се използва за извличане на най-близкия предшественик или родител на елемента, който съответства на селекторите. Ако не е намерен предшественик, методът се връща нула .

linux команди, които

Този метод преминава през елемента и неговите родители в дървото на документа и преминаването продължава, докато се намери първият възел, който съответства на предоставения низ за избор.

Синтаксис

 targetElement.closest(selectors);

В горния синтаксис, селектори е низ, съдържащ селектор (като p:задръжте и т.н.), използвани за намиране на възел.

Нека разберем този метод, като използваме някои илюстрации.

Пример1

В този пример има три елемента div и заглавие, към което прилагаме най-близо() метод. Тук селекторите, които използваме, са документ за самоличност селектор, потомък селектор, дете селектор и :не селектор.

 This is the first div element. <h3 id="h"> This is a heading inside the div. </h3> This is the div inside the div element. This is the div element inside the second div element. var val1 = document.getElementById(&apos;div3&apos;); var o1 = val1.closest(&apos;#div1&apos;); var o2 = val1.closest(&apos;div div&apos;); var o3 = val1.closest(&apos;div &gt; div&apos;); var o4 = val1.closest(&apos;:not(#div3)&apos;); console.log(o1); console.log(o2); console.log(o3); console.log(o4);

Тествайте сега

Изход

След изпълнението на горния код, изходът ще бъде -

Пример2

Това е друг пример за използване JavaScript 'с най-близо() метод.

 This is the div element. <p id="p1"> This is the paragraph element inside the div element. </p><h3 id="h"> This is the child of the paragraph element. <p id="p2"> This is the child of heading element of the paragraph element. </p> </h3> <p></p> var val1 = document.getElementById(&apos;p2&apos;); var o1 = val1.closest(&apos;p&apos;); var o2 = val1.closest(&apos;h3&apos;); var o3 = val1.closest(&apos;div&apos;); console.log(o1); console.log(o2); console.log(o3);