Селектор 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,
    который выбирает элементы, у которых нет потомков (включая текстовые узлы)



Чат с GPT Компилятор