javascript - 在 html 和 javascript 中迭代循环只执行一次 - 每次都应该在循环中执行

Question

我正在尝试呈现一个显示评论数量（1 条评论或 xxx 条评论）的模板。我正在通过 jinja2 迭代 GAE 中的实体实例对象，但它只在第一个循环中执行脚本，之后的每个循环。我的代码有什么问题？

   <table>
    {% for each in courses_taught %}
 <tr>   
    <td id="num_reviews">           
             <script type='text/javascript'>   
        var html_output = "";               
            var review_count ={{each.num_reviews}};

                if (review_count ==1) {             
        html_output += "<a href='../course/{{each.key()}}'>1 review</a>";
        }               

        else if (review_count > 1) {
        html_output += "<a href='../detail/course/{{each.key()}}'>" + num_reviews + " reviews</a>";
        }

        else {
        html_output +="<a id='trailblazer' href='../../../review/writeReview/{{each.key()}}'>Be the trailblazer</a>";
        }

              var reviewCount = document.getElementById("num_reviews");  
      reviewCount.innerHTML = html_output;              

</script>   
</td>

 </tr>

{% endfor %}

Answer 1

没有任何额外 javascript 的 Jinja 解决方案：

{% for each in courses_taught %}
    {{ each.num_reviews }}
    review{% if each.num_reviews > 1 %}s{% endif %}
{% endfor %}

如果你想使用 javascript（为什么？）：

{% for each in courses_taught %}
    <tr>   
        <td id="num_reviews-{{each.unique_id}}">           
            <script type='text/javascript'>   
                var html_output = "";               
                var review_count = {{each.num_reviews}};

                if (review_count == 1) {             
                    html_output += "<a href='../course/{{each.key()}}'>1 review</a>";
                }               

                else if (review_count > 1) {
                   html_output += "<a href='../detail/course/{{each.key()}}'>" + num_reviews + " reviews</a>";
                }

                else {
                    html_output +="<a id='trailblazer' href='../../../review/writeReview/{{each.key()}}'>Be the trailblazer</a>";
                }

                var reviewCount = document.getElementById("num_reviews-{{each.unique_id}");  
                reviewCount.innerHTML = html_output;
            </script>
        </td>

    </tr>
{% endfor %}

Whereunique_id是循环中每个each元素的唯一属性。