Javascript 由Jinja for循环生成时，根据另一个元素的文本内容更改DOM元素类

我需要根据另一个元素的文本内容改变HTML元素的颜色。但是，内容是使用Pythonfor循环使用Jinja快捷方式生成的

例如：

{% for article in articles %}
    <div class="row article">
        <div class="col s6">
          <strong>{{ article.title }}</strong>
          <p>Page count: {{ article.page_count }}</p>
          <p>Layout code: <span id="layout">{{ article.layout }}</span></p>
        </div>
           <div id="show_layout" class="col s1 layout"></div>
        </div>
 {% endfor %}

---

我对Python和Jinja非常陌生，所以我的方法可能是完全错误的。有人能提出更好的方法吗，或者我遗漏了什么明显的东西吗？

CBroe在这里为我指明了正确的方向，建议我通过Jinja来做这件事，这是我从未想到过的（我对Jinja非常、非常陌生！）

添加：

        {% if article.layout != "" %}
        <div id="show_layout" class="col s1 layout-red show_layout"></div>
        {% endif %}

{%if article.layout！=“”%}
{%endif%}

我成功了

---

谢谢你

为什么要使用JavaScript执行此操作？Jinja当然有if/else的条件标记，还有一种检查变量是否为空的方法……这正是我需要的方向：）我不知道！这完全解决了我的问题-谢谢！

        {% if article.layout != "" %}
        <div id="show_layout" class="col s1 layout-red show_layout"></div>
        {% endif %}