ЈАВАСЦРИПТ НАЈБЛИЖИ()

Метод цлосест() у ЈаваСцрипт-у се користи за проналажење најближег претка, или родитељ елемента одговара селекторима. Ако није пронађен предак, метода се враћа нула .

Овај метод прелази елемент и његове родитеље у стаблу документа, а кретање се наставља све док се не пронађе први чвор који одговара датом низу селектора.

Синтакса

 targetElement.closest(selectors);

У горњој синтакси, селектори је стринг који садржи селектор (као п:ховер , итд.) који се користи за проналажење чвора.

Хајде да разумемо овај метод користећи неке илустрације.

Пример1

У овом примеру постоје три елемента див и наслов на који примењујемо најближи() методом. Овде су селектори које користимо ид селектор, потомак селектор, дете селектор, и :не селектор.

 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

Ово је још један пример коришћења ЈаваСцрипт 'с најближи() методом.

 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);