# Селектор parent

Селектор `:parent` выбирает элементы, являющиеся родителями (то есть непустые элементы, в которых есть элемент или текст). Для получения родителей или предков набора jQuery, посмотрите методы `parent` и `parents`. Так как `:parent` не относится к CSS спецификации, то для улучшения производительности в современных браузерах лучше в начале отфильтровать элементы с использованием чистого css-селектора, а затем применить `.filter(':parent')`.

## Синтаксис

Получение элементов-родителей:

`$(':parent');`

## Пример

У нас есть табличка `table` с зеленым фоном, давайте найдем ячейки `td`, являющиеся родителями, и окрасим их в серый цвет:

`<table> <tr><td>aaa</td><td></td></tr> <tr><td>bbb</td><td></td></tr> <tr><td>ccc</td><td></td></tr> </table>` `table { border: 1px; } td { width: 40px; background: green; }` `$('td:parent').css({background: '#ccc'});`

## Смотрите также

- селектор `empty`,
  который выбирает пустые элементы
- метод `parent`,
  который получает непосредственного родителя элемента
- метод `parents`,
  который выбирает элементы, у которых нет потомков (включая текстовые узлы)

←→
↑