javascript - Django - 在 for 循环中每隔一个项目放置不同的位置

Question

在我的井里，我有一个分为左右两部分的列表。我想将用户放入该列表中。我想对它们进行排序:第一个在左侧列表中，第二个在右侧列表中，第三个在左侧列表中，第四个在右侧......所以每隔一个用户将被放置在右侧列表中。这是该井的 html:

<div class="well">
  <h4>Users</h4>

  <div class="row">
    <div class="col-xs-6">
        <ul class="list-unstyled">
            <li><a href="#">User1</a>
            </li>
            <li><a href="#">User3</a>
            </li>
        </ul>
    </div>

    <div class="col-xs-6">
        <ul class="list-unstyled">
            <li><a href="#">User2</a>
            </li>
            <li><a href="#">User4</a>
            </li>
        </ul>
    </div>
  </div>
</div>

现在我不能只使用经典的 for 循环来做到这一点，因为如果我按照下面的代码所示执行，它将多次加载整个第二个列表:

    <div class="col-xs-6">
        <ul class="list-unstyled">

            {% for user in users %}

            <li><a href="#"> {{ user }}</a>
            </li>
        </ul>
    </div>
   {% if forloop.counter|divisibleby:2 %}
    <div class="col-xs-6">
        <ul class="list-unstyled">
            <li><a href="#">{{ user }}</a>
            </li>
        </ul>
    </div>
    {% endfor %}
</div>

我可能必须使用 forloop.counter|divisibleby:3 但我不知道如何仅加载第二个无序列表中的用户，而不为每个用户复制整个列表。也许solution也会使用javascript？我希望你理解我的问题:D

Answer 1

为了避免发送 2 个额外的数组，您可以做的另一件事是使用 divisibleby以这种方式。

<div class="col-xs-6">
        <ul class="list-unstyled">
         {% for user in users %}
            {% if not forloop.counter|divisibleby:2 %}
                <li><a href="#">{{ user }}</a>
                </li>
            {% endif %}
         {% endfor %}
        </ul>
    </div>

    <div class="col-xs-6">
        <ul class="list-unstyled">
             {% for user in users %}
                {% if forloop.counter|divisibleby:2 %}
                  <li><a href="#">{{ user }}</a>
                  </li>
                {% endif %}
             {% endfor %}
        </ul>
    </div>