python - 处理带有空格的 css 类名

Question

您好，我正在开发一个由 Django 支持的元素。以下是我的html文件(模板)中的代码

{% for l in items  %}

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

{% endfor %}

和一个 JS 脚本:

<script>

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

意味着 td 的类将根据我的数据库中的状态列进行更改。

我的CSS:

.completed{
    background-color: #4dff4d;
}

一些状态是带空格的(不像一个单词“完成”)。例如:“尚未开始”。所以当我传递这个值时，我的类属性不起作用。如何处理这个问题？提前谢谢大家

Answer 1

你根本不应该在状态中使用空格。 更好的办法是使用 django-model-utils 中的 Choices 然后你可以像这样在你的模型中定义状态:

STATUS = Choices(
    ('completed', 'completed'),
    ('not_yet_started', 'Not yet started')
)
status =  models.CharField(choices=STATUS, max_length=20)

元组的第一个值存储在数据库中。第二个你可以用来展示。您可以像这样访问它

obj.status # gives "not_yet_started"
obj.get_status_display # gives "Not yet stared"   

更新:

如果您不想/不能更改数据库中的条目，则有两种可能的解决方案。

• Javascript:

  '{{a.status}}'.replace(' ', '_')

• django 模型属性:

  def status_name(self): 返回 self.status.replace(' ', '_')