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

假设您的模型中有CharField个名为status的字段且值"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 %}

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

1 个答案: