Селектар 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'});

Глядзіце таксама