How could check content of td without spaces and lines - html

Question

I have a a table with dynamic value of td, some of td will be empty and some will has value, the empty td I want there background red, and filled td should be green
I tried to do that with css by :
td:empty {
background-color: red;
}
the issue that I faced is empty td has only spaces & lines content that spaces make td:empty totally useless
in other words the css reading there is a content in td tag, but in fact that content is just spaces and lines which is fake content
how could fix his problem ?
--- update ---
here is output result : https://i.imgur.com/Qz3lE22.png
and here is the script :
<td>
{% for mission in missions|get_missions_by_user:user %}
{% if mission.start_date|date:"d-m-Y" == week_dates.6.date|date:"d-m-Y" %}
{{ mission.title }}
<!-- filled cell - this should be green background -->
<br>
{% endif %}
<!-- empty cell - this should be red background -->
{% endfor %}
</td>

Answer 1

Could adding the needed calss by yesno be a solution for you?
CSS:
td.empty {
background-color: red;
}
td.filled {
background-color: green;
}
HTML:
<td class='{{missions.count|yesno:"filled,empty"}}'>
{% for mission in missions %}
{% if mission == 'MISSION' %}
{{ mission }}
<!-- filled cell - this should be green background -->
<br>
{% endif %}
<!-- empty cell - this should be red background -->
{% endfor %}
</td>
Note: I've never done any code with django and I'm not familiar with python. In javascript I would check for missions.length. I think you know what I've tried above. Hope i helps.:)

Answer 2

Thx for every body tried to help me ,
after few days of searching and asking Javascript exports I got the script
this script is an alternative way for td:empty but trimming spaces and lines
here is the js script :
$("#tableID td:not(:first-child)").each(function () {
if ($(this).text().replace(/\s/g, "").length > 0) {
$(this).css("backgroundColor", "green");
} else {
$(this).css("backgroundColor", "red");
}
});

Answer 3

you have to add and remove class if tabld td is empty then add class and on that class you give background.