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:
$(':parent');
Ejemplo
Tenemos una tabla table con fondo
verde, encontremos las celdas td que son
padres y coloreémoslas en gris:
<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'});
