Как я могу передать индекс 0 этого списка в элементе функции "Поместить"

Question

Как передать этот элемент списка в функцию javascript ??

    {% for a in ard %}
            <h3 style="font-style:italic; font-family:verdana;">{{a[0]}}</h3><br>
            <li>{{a[1]}}</li>
            <li>{{a[2]}}</li>
            <li>{{a[3]}}</li>
            <button onclick="Place({{a[0]}});">Place order</button>
            <hr>
    {% endfor %}

Answer 1

Предполагается, что ard - это кортеж строк, как указано в комментариях from ("Uno R3", "with USB", "microroll"). Чтобы создать список из структуры данных, вы должны создать каждый тег элемента списка <li>, используя for в l oop.

Ваш код на jinja2 будет похож на следующий:

{# Title using the first element of the tuple #}
<h3 style="font-style:italic; font-family: verdana;">
  {{ ard[0] }} 
</h3>

<br />

<ul id="arduino-items">
{% for item in ard %}
  <li>{{ item }}</li>
{% endfor %}
</ul>

<button onclick="Place( {{ a[0] }} );">Place order</button>
<hr>

, и результат рендеринга HTML будет выглядеть следующим образом:

<h3>Uno R3</h3>
<ul id="arduino-items">
  <li>Uno R3</li>
  <li>with USB</li>
  <li>microroll</li>
</ul>

<button onclick="Place("Uno R3");">Place order</button>
<hr />

Answer 2

Оберните их в узел и используйте querySelectorAll?

    {% for a in ard %}
            <h3 style="font-style:italic; font-family:verdana;">{{a[0]}}</h3><br>
            <ul class="item-list">
                <li>{{a[1]}}</li>
                <li>{{a[2]}}</li>
                <li>{{a[3]}}</li>
            </ul>
            <button onclick="Place({{a[0]}});">Place order</button>
            <hr>
    {% endfor %}

document.querySelectorAll('.item-list > li')