Селектар empty

Селектар :empty выбірае элементы, у якіх няма нашчадкаў (гэта значыць пустыя элементы, у якіх няма ні элемента, ні тэксту).

Сінтаксіс

Атрыманне пустых элементаў:

javascript$(':empty');

Прыклад

У нас ёсць таблічка table зялёным фонам, давайце знойдзем ячэйкі td, якія не маюць унутры сябе ні тэксту, ні элемента, і афарбуем іх у шэры колер:

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

Глядзіце таксама

  • селектар parent,
    які выбірае элементы-бацькі
  • метад css,
    які дазваляе атрымліваць і змяняць CSS стылі элемента