სელექტორი 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'});

ასევე იხილეთ