Selector empty

El selector :empty selecciona elementos que no tienen descendientes (es decir, elementos vacíos que no contienen ni elementos ni texto).

Sintaxis

Obtener elementos vacíos:

javascript$(':empty');

Ejemplo

Tenemos una tabla table con fondo verde, busquemos las celdas td que no tienen dentro ni texto ni elementos, 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:empty').css({background: '#ccc'});

Vea también

  • selector parent,
    que selecciona elementos padres
  • método css,
    que permite obtener y modificar estilos CSS del elemento