时间戳

首页 > 解决方案 > 如何在没有空格和线条的情况下检查 td 的内容

html - 如何在没有空格和线条的情况下检查 td 的内容

问题描述

我有一个动态值 td 的表，一些 td 将是空的，有些会有值，我想要的空 td 背景为红色，填充的 td 应该是绿色我尝试用 css 做到这一点：

td:empty {
          background-color: red;
        }

我面临的问题是空 td 只有空格和行内容，空格td:empty完全没用

换句话说，在 td 标签中读取的 css 有一个内容，但实际上该内容只是空格和行，是假内容如何解决他的问题？

--- 更新 --- 这里是输出结果：https://i.imgur.com/Qz3lE22.png 这是脚本：

<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>

标签： htmlcssdjango

解决方案

感谢每个人都试图帮助我，经过几天的搜索和询问 Javascript 导出后，我得到了脚本

此脚本是 td:empty 但修剪空格和行的另一种方法

这是js脚本：

    $("#tableID td:not(:first-child)").each(function () {
        if ($(this).text().replace(/\s/g, "").length > 0) {
            $(this).css("backgroundColor", "green");

        } else {
            $(this).css("backgroundColor", "red");


        }
    });

推荐阅读