根据数据库中的值更改 td 单元格的颜色

Question

您好，我正在开发一个支持 Django 的网站。我有一个 html 表，它返回特定记录的 id。我的目标是根据值更改 td 单元格颜色。以下是我的html

                   {% for l in all_items %}

                                <td style="text-align: center"
                                    id="{{m.id}}_{{m.set}}">
                                </td>

                    {% endfor %}

并使用 JavaScript 将值传递给 id，如下所示：

<script>

$(document).ready(function() {
    {% for a in all_results %}
            $('#{{a.id}}_{{a.set}}').html('{{a.id}}');
    {% endfor %}
});
</script>

我的一个 css（基于状态）：

.completed{
    background-color: #53A36E;
}

由于它在 html 中对所有项目都有一个 for 循环，因此每个项目都返回不同的值（id 并且还有另一个未显示的列是状态）。 td 单元格（包含 id）的颜色将根据状态发生变化。我怎样才能让它发生？在此先感谢各位。

Answer 1

假设您的模型中有一个名为status 的CharField 字段，并且它的值可以是"completed"，您可以这样写：

<td style="text-align: center"
    class="{{ m.status }}"
    id="{{ m.id }}_{{ m.set }}">
</td>

对于m.status 为"completed" 的单元格，背景颜色为#53A36E。

如果你需要从 Javascript 中设置类，你可以使用以下：

{% for a in all_results %}
        $('#{{ a.id }}_{{ a.set }}').html('{{ a.id }}');
        $('#{{ a.id }}_{{ a.set }}').addClass('{{ a.status }}');
{% endfor %}