如何在JavaScript中使用来自Django的{{key}}

Javascript无法通过id使用{{key}找到元素

如何访问脚本中的{key}}

剧本

window.onload = jQuery(function ($) {
    var duration = document.getElementById("#timerseconds{{key}}").value;
    duration = 10800 - duration;
    display = $("#counter{{key}}");
    startTimer(duration, display);
});

HTML/DJANGO

{% for key, value in list_cooking.items %}

 <li class="list-group-item">
 <p>{{key}}</p>
 <br></br>
 <p>Seconds:</p><p id='counter{{key}}'>00</p>
 <input id="timerseconds{{key}}" type="hidden" value="{{value}}">
 </li>

解决方案：
在for循环中使用

{% for key, value in list_cooking.items %}
   <script>Script here</script>
   <li class="list-group-item">
   <p>{{key}}</p>
   <br></br>
   <p>Seconds:</p><p id='counter{{key}}'>00</p>
   <input id="timerseconds{{key}}" type="hidden" value="{{value}}">
   </li>
    

{%表示键，列表中的值为\ u.items%}
这里的脚本

{{key}}




秒数：

{%表示键，列表中的值为\ u.items%}

{{key}}




秒数：

{% for key, value in list_cooking.items %}
   <script>Script here</script>
   <li class="list-group-item">
   <p>{{key}}</p>
   <br></br>
   <p>Seconds:</p><p id='counter{{key}}'>00</p>
   <input id="timerseconds{{key}}" type="hidden" value="{{value}}">
   </li>
    

{% for key, value in list_cooking.items %}
     <li class="list-group-item">
     <p>{{key}}</p>
     <br></br>
     <p>Seconds:</p><p id='counter{{key}}'>00</p>
     <input id="timerseconds{{key}}" type="hidden" value="{{value}}">
     </li>
     <script type="text/javascript">
         window.onload = jQuery(function ($) {
            var duration = $("#timerseconds{{key}}").val();
            duration = 10800 - duration;
            display = $("#counter{{key}}");
            startTimer(duration, display);
        });
    </script>
{% endfor %}