嗨,我正在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循环,因此每个项目都返回不同的值(ids和没有显示状态的另一列)。td单元格的颜色(包含id)将根据状态而变化。我该如何实现?在此先感谢大家。
假设您的模型中有一个CharField
命名status
字段,并且它可以具有value "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 %}
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句