Селектори parent

Селектори :parent элементҳоеро интихоб мекунад, ки волидайн мебошанд (яъне элементҳои холӣ нест, ки дар онҳо элемент ё матн мавҷуд аст). Барои гирифтани волидайн ё аҷдоди маҷмӯаи jQuery, ба методҳои parent ва parents нигаред. Аз он ҷое ки :parent ба тавсифи CSS тааллуқ надорад, пас барои беҳтар кардани суръат дар браузерҳои муосир беҳтар аст, ки аввал элементҳоро бо истифода аз селектори холисӣи css филтр карда, сипас .filter(':parent')-ро истифода баред.

Синтаксис

Гирифтани элементҳои волидайн:

javascript$(':parent');

Мисол

Мо як ҷадвали table бо заминаи сабз дорем, биёед ҳуҷайраҳои td-ро, ки волидайн мебошанд, ёфта ва онҳоро ба рангоби сиёҳ ранҷ кунем:

html<table>
  <tr><td>aaa</td><td></td></tr>
  <tr><td>bbb</td><td></td></tr>
  <tr><td>ccc</td><td></td></tr>
</table>
csstable {
  border: 1px;
}

td {
  width: 40px;
  background: green;
} 
javascript$('td:parent').css({background: '#ccc'});

Инчунин нигаред

  • селектори empty,
    ки элементҳои холӣро интихоб мекунад
  • методи parent,
    ки волидайни бевоситаи элементро мегирад
  • методи parents,
    ки элементҳоеро интихоб мекунад, ки фарзанд надоранд (аз ҷумла гиреҳҳои матнӣ)