JAVASCRIPT הקרוב ביותר()

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

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

שנה את שם תיקיית לינוקס

תחביר

 targetElement.closest(selectors);

בתחביר לעיל, בוררים הוא מחרוזת המכילה בורר (כמו p:רחף , וכו') משמש למציאת צומת.

בואו נבין שיטה זו באמצעות כמה איורים.

מחרוזת ב-c

דוגמה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);