Псевдокласи :has дар jQuery
Псевдокласи
has
унсурҳоро тавассути мундариҷаи онҳо интихоб мекунад. Биёед мисолро дида бароем.
Бигзор мо HTML-коди зеринро дорем:
<p>матн бо теги <b>b</b></p>
<p>матн бо теги <i><b>b</b></i></p>
<p>матн</p>
Барои намуна,
ҳамаи абзасҳоеро, ки дар дохили онҳо теги
b вуҷуд доранд, интихоб кунем:
$('p:has(b)');
Диққат диҳед, ки дар мисол ҳам абзаси якум ва ҳам абзаси дуюм интихоб карда мешавад,
ҳарчанд дар абзаси дуюм теги b
бевосита дар дохили p намебошад,
ва аввал дар i қарор дорад.
Агар ба шумо воҳиди фарзӣ дархост аст, пас бояд чунин кард:
$('p:has(>b)');
Дар ин ҳолат танҳо абзаси якум интихоб карда мешавад.
Ҳамаи
h2-ҳоеро, ки дар дохили онҳо теги i мавҷуд аст, гирифта ва ба рангоби сурх ранг кунед.
Ҳамаи
h2-ҳоеро, ки бевосита теги i-ро дар бар мегиранд, гирифта ва ба рангоби сурх ранг кунед.