Селектор :empty – выборка пустых элементов

В этом посте рассмотрим селектор :empty, который делает выборку пустых элементов. Для примера давайте создадим таблицу в которой присутствуют пустые ячейки (td):
  <table border="1"> 
    <tr><td>Имя</td><td>Телефон</td></tr> 
    <tr><td>Ваня</td><td>000 00 00</td></tr> 
    <tr><td>Игорь</td><td></td></tr> 
    <tr><td>Сергей</td><td></td></tr> 
  </table>

Как видите – у Игоря и Сергея отсутствуют значения в столбце телефона. Давайте сделаем прочерк для этих ячеек и фон сделаем серым:
$(document).ready(function() { 
 $("td:empty").text('-').css('background','#ccc'); 
});
Теги:
empty
Добавлено: 25 Апреля 2018 14:33:09 Добавил: Андрей Ковальчук Нравится 0
Добавить
Комментарии:
Нету комментариев для вывода...