Question

创建的div如下：

<div class="container-fluid" id="grid">
{% for a,b,c in alphabet %}
<div class="row mx-0 contest">
    <div class="col-12 col-md-12>
    ...
    ...
    </div>
</div>

<div class="row mx-0">
    <div class="col-12 col-md-12>
    ...
    ...
    </div>
</div>
{% endfor %}
</div>

我只想刷新最上面的行row mx-0 contest，而我目前正在使用以下代码：

$.ajax({
        url: "/route",
        type: "get",
        success: function(data){
            $( '.contest' ).each(function(index) {
                $('.contest').empty();
                $('.contest').load(' .contest > *');
            });
            $(window).scrollTop(scrollPosition); //restore scroll position
        },
        ...
        ...

但是我仍然以整个列表的结尾在每个最上面的行中重复，然后是第二行。我尝试了包含replaceWith，load和newDom的变体，但它们几乎都给出了相同的结果。我不知道我是否正确，但我认为重复项来自循环，即使我发现许多其他有关通过刷新创建重复项的帖子。我根据$('#grid').load(" #grid > *");这样的ID刷新网格来进行此假设，虽然没有重复，但是这样做会刷新两行并且我只需要最上面的一行。没有尝试通过id b / c刷新最上面的div，它只会得到第一个实例。关于如何解决此问题的任何想法/反馈？

如何正确刷新由for循环创建的多个div

0 个答案: