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