Επιλογέας 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'});

Δείτε επίσης