يتم استخدام الطريقة الأقرب () في JavaScript لاسترداد أقرب سلف، أو يتطابق أصل العنصر مع المحددات. إذا لم يتم العثور على سلف، فسيتم إرجاع الطريقة باطل .

تقوم هذه الطريقة باجتياز العنصر وأصوله في شجرة الوثيقة، وتستمر عملية الاجتياز حتى يتم العثور على العقدة الأولى التي تطابق سلسلة المحدد المتوفرة.

بناء الجملة

 targetElement.closest(selectors); 

في بناء الجملة أعلاه، محددات عبارة عن سلسلة تحتوي على محدد (مثل ص: تحوم ، وما إلى ذلك) يستخدم للعثور على العقدة.

دعونا نفهم هذه الطريقة باستخدام بعض الرسوم التوضيحية.

مثال 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

وهذا مثال آخر على الاستخدام جافا سكريبت 'س الأقرب() طريقة.

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

انتاج |

بعد تنفيذ الكود أعلاه سيكون الناتج -