150 of 264 menu

closest ක්‍රමය

closest ක්‍රමය CSS තෝරකයකට ගැලපෙන ආසන්නතම මාපිය මූලද්‍රව්‍යය සොයයි, මෙහිදී මූලද්‍රව්‍යයම සෙවුමට ඇතුළත් වේ.

වාක්‍ය රචනය

මූලද්‍රව්‍යය.closest('තෝරකය');

උදාහරණය

අපි මූලද්‍රව්‍යයේ මාපියන් අතරින් www වර්ගය සහිත මූලද්‍රව්‍යය සොයා ගනිමු:

<div class="www" id="parent2"> <div class="ggg" id="parent1"> <p class="zzz" id="child"></p> </div> </div> let elem = document.querySelector('#child'); let parent = elem.closest('.www'); console.log(parent.id);

කේතය ක්‍රියාත්මක කිරීමේ ප්‍රතිඵලය:

'parent2'

උදාහරණය

අපි මූලද්‍රව්‍යයේ මාපියන් අතරින් www වර්ගය සහිත මූලද්‍රව්‍යය සොයා ගනිමු. ප්‍රතිඵලයක් වශයෙන්, අපට මූලද්‍රව්‍යයටම සබැඳියක් ලැබෙනු ඇත, මන්ද එයම මෙම වර්ගය තිබේ:

<div class="www" id="parent2"> <div class="www" id="parent1"> <p class="www" id="child"></p> </div> </div> let elem = document.querySelector('#child'); let parent = elem.closest('.www'); console.log(parent.id);

කේතය ක්‍රියාත්මක කිරීමේ ප්‍රතිඵලය:

'child'

මෙයද බලන්න

  • matches ක්‍රමය,
    තෝරකයක් මගින් මූලද්‍රව්‍යය පරීක්‍ෂා කරයි
  • contains ක්‍රමය,
    තෝරකයක් මගින් පරම්පරාවක් පරීක්‍ෂා කරයි
සිංහල
AfrikaansAzərbaycanБългарскиবাংলাБеларускаяČeštinaDanskDeutschΕλληνικάEnglishEspañolEestiSuomiFrançaisहिन्दीMagyarՀայերենIndonesiaItaliano日本語ქართულიҚазақ한국어КыргызчаLietuviųLatviešuМакедонскиMelayuမြန်မာNederlandsNorskPolskiPortuguêsRomânăРусскийSlovenčinaSlovenščinaShqipСрпскиSrpskiSvenskaKiswahiliТоҷикӣไทยTürkmenTürkçeЎзбекOʻzbekTiếng Việt
අපි වෙබ් අඩවිය ක්‍රියාත්මක කිරීම, විශ්ලේෂණය සහ පුද්ගලීකරණය සඳහා කුකී භාවිතා කරමු. දත්ත සැකසීම සිදුකරනු ලබන්නේ ගෝපනීයතා ප්‍රතිපත්තිය අනුව ය.
සියල්ල පිළිගන්න කොන්දේසි ප්‍රතික්ෂේප කරන්න