Как присвоить свойство к пустым ячейкам в таблице?

Question

[Станислав]

Подскажите пожалуйста, как присвоить свойство к незаполненным ячейкам в таблице.

Есть таблица с пустыми и заполненными строками:

<table>
		<tr>
			<td>текст</td>
			<td>текст</td>
		</tr>
		<tr>
			<td></td>
			<td></td>
		</tr>
	</table>

Есть стили css:

td {
    background: #fff;
}
td.empty {
    background: #eee;
}

И код JS:

var tde = $('td');

if  ($('tde').html() !== '') {
    tde.addClass('empty');
} else {
    tde.removeClass('empty');
}

К сожалению, так задается свойство для всех ячеек, а выбрать только пустые не получается.
Заранее благодарю!

Answer 1

[Андрей Хохлов]

Можно без js: https://developer.mozilla.org/en-US/docs/Web/CSS/:empty

Comments

[Станислав]

Спасибо большое, согласен, но у меня это не работало из-за пробелов, как выяснилось

Answer 2

[Виктор]

$(tde).text() === ''

$('td').each(function() {
    if ( $(this).text() === '' ) {
       $(this).addClass('empty');
    }
});

Comments

[Станислав]

Спасибо большое! Как выяснилось, там у меня пробелы прилипали, немножко подредактировал:

$(function () {
    $('td').each(function() {
        if ($(this).html() === ' ' ) {
           $(this).addClass('empty');
        }
    });
});

Answer 3

[Александр Васильев]

tde - уже набор, получить из набора еще один после if - не верный путь