Django和JavaScript中的for循环问题

Question

我使用django尝试重播由于其ID而引起的评论。 一切正常，但是我只能通过javascript从周期中获取最后一个项目。

{% for comment in object_comments %}
   <li>
      <article>
         <div class="comment-avatar">
            <img src="images/blog/author.png" class="avatar">
               <span class="comment-reply">
                  <a id='reply' class="comment-reply-link" onClick="a_onClick()">Reply</a>
               </span>
         </div>

         <script>
            function button_onClick() {
               $('').click();
            }
            function a_onClick() {
               window.scrollTo(0,document.body.scrollHeight);

               document.getElementById('text').value = "{{comment.name}}";
            }
         </script>

         <div class="comment-body">
            <div class="meta-data">
               <a href="#" class="comment-author">{{ comment.name }}</a>
               <span class="comment-date">
                  {{ comment.pub_date }}
               </span>
            </div>
            <div class="comment-content">
               {{ comment.text }}
            </div>
         </div>
      </article>
   </li>
{% endfor %}

通过document.getElementById('text').value = {{comment.name}};分析数据document.getElementById('text').value = {{comment.name}};

有人可以帮忙找到解决方法吗？

Answer 1

您仅获得最后一个值的原因是您的<script>函数位于for循环内，因此Django循环输出的代码包含此脚本代码n次， 每次均使用相同的函数名称 。 因此，每个定义都“覆盖”（即替换）先前的定义。 因此，浏览器的Java语言解释器使用的a_onClick()的唯一定义是循环的最后一次迭代的定义，循环中最后一个{{ comment }} 。

您的代码段不包含函数更改的#text元素，因此我无法完全遵循它。 但是为了防止您描述的错误，首先将<script>代码移到Django for循环之外-将其放置在循环之后或文档正文的末尾。 然后，您的函数调用需要为循环中的每个项目传递正确的comment.name 。 您可以在循环中执行以下操作：

onclick="a_onClick('{{ comment.name }}')";

然后将功能更改为此：

function a_onClick(comment_name) {
  window.scrollTo(0,document.body.scrollHeight);
  document.getElementById('text').value = comment_name;
}