has තේරීම්කරු

:has තේරීම්කරු අංග තෝරා ගනී, ඒවා නිශ්චිත තේරීම්කරු අනුව අවම වශයෙන් එක් අංගයක්වත් අඩංගු කරයි, අනිවාර්යයෙන්ම සෘජු පැවතෙන්නෙකු නොවේ. :has CSS නිර්දේශයට අයත් නොවන බැවින්, නවීන බ්රවුසර වල කාර්ය සාධනය වැඩි දියුණු කිරීම සඳහා ඒ වෙනුවට $("ඔබේ css-තේරීම්කරු").has(තේරීම්කරු/DOM අංගය) භාවිතා කිරීම වඩා හොඳය.

වාග් රීතිය

මෙසේ අපි අංග තෝරා ගනිමු:

javascript$(':has(තේරීම්කරු)');

තේරීම්කරුගේ සෘජු අන්තර්ගතය අවශ්ය නම් මෙසේ අපි අංග තෝරා ගනිමු:

javascript$(':has(>තේරීම්කරු)');

උදාහරණය

අපි අභ්යන්තරයේ b ටැගය ඇති ඡේද පමණක් තෝරා ගෙන ඒවායේ අවසානයේ '!!!' පෙළ යොදමු:

html<p>පෙළ</p>
<p>පෙළ</p>
<p><b>තද</b> පෙළ</p>
<p><b>තද</b> පෙළ</p>

javascript$('p:has(b)').append('!!!');

HTML කේතය මෙලෙස පෙනෙනු ඇත:

html<p>පෙළ</p>
<p>පෙළ</p>
<p><b>තද</b> පෙළ!!!</p>
<p><b>තද</b> පෙළ!!!</p>

මෙයද බලන්න