שיטת closest() ב-JavaScript משמשת כדי לאחזר את האב הקדמון הקרוב ביותר, או ההורה של האלמנט תואם את הבוררים. אם לא נמצא אב קדמון, השיטה חוזרת ריק .

שיטה זו חוצה את האלמנט והוריו בעץ המסמכים, והמעבר נמשך עד שנמצא הצומת הראשון שתואם למחרוזת הבורר שסופקה.

תחביר

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

תְפוּקָה

לאחר ביצוע הקוד לעיל, הפלט יהיה -