Kichaguzi has

Kichaguzi :has huchagua vipengee, ambavyo vina angalau kipengee kimoja kulingana na kichaguzi kilichowekwa, si lazima kiwe kizazi cha moja kwa moja. Kwa kuwa :has haihusiani na ubora wa CSS, kwa kuboresha utendaji katika vivinjari vya kisasa ni bora badala yake kutumia $("kichaguzi chako cha css").has(kichaguzi/kipengee cha DOM).

Kiendesi

Hivi ndivyo tunavyochagua vipengee:

javascript$(':has(kichaguzi)');

Hivi ndivyo tunavyochagua vipengee, ikiwa inahitajika kuingizwa kwa moja kwa moja kwa kichaguzi:

javascript$(':has(>kichaguzi)');

Mfano

Wacha tuchague tu aya zile, ambazo ndani yake kuna lebo b na kuweka mwisho maandishi '!!!':

html<p>maandishi</p>
<p>maandishi</p>
<p><b>wazi</b> maandishi</p>
<p><b>wazi</b> maandishi</p>
javascript$('p:has(b)').append('!!!');

Msimbo wa HTML utaonekana kama hii:

html<p>maandishi</p>
<p>maandishi</p>
<p><b>wazi</b> maandishi!!!</p>
<p><b>wazi</b> maandishi!!!</p>

Angalia pia

  • mtindo has,
    ambao huchuja seti ya vipengee vilivyochaguliwa kulingana na vizazi
  • mtindo filter,
    ambao huchuja vipengee kwenye seti kulingana na kichaguzi kilichowekwa