Селектор 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 стилови на елемент