Selector parent

El selector :parent selecciona elementos que son padres (es decir, elementos no vacíos que contienen un elemento o texto). Para obtener los padres o ancestros de un conjunto jQuery, consulta los métodos parent y parents. Debido a que :parent no pertenece a la especificación CSS, para mejorar el rendimiento en navegadores modernos es mejor filtrar primero los elementos usando un selector CSS puro, y luego aplicar .filter(':parent').

Sintaxis

Obtener elementos padres:

javascript$(':parent');

Ejemplo

Tenemos una tabla table con fondo verde, encontremos las celdas td que son padres y coloreémoslas en gris:

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'});

Ver también