Question

我正在尝试创建一个简单的循环，其中元素被多次加载。

循环工作正常，console.log显示它确实循环了5次，但是当我看到应该拥有我想要的内容的div时，它只有div一次。

我不太清楚为什么它不会工作（注意我对ajax很新）。

这是我的代码：

// Jquery ajax loop (broken)

for (var i = 1; i <= 5; i++) {
    $(".WWBestelling").load("./demo.txt .ItemSmall");
    console.log("Item Added");
}

Answer 1

因为旧的将被新的替换。

而不是.load，您可以使用$.get获取内容，然后附加到目标div。

for (var i = 1; i <= 5; i++) {
    $.get('./demo.txt', function(data) {
        $(data).find('.ItemSmall').appendTo('.WWBestelling');
        console.log("Item Added");
    });
}

Answer 2

for (var i = 1; i <= 5; i++) {
    $('.WWBestelling').append($('<div>').load("./demo.txt .ItemSmall"));
    console.log("Item Appended");
}

试图循环ajax加载调用

2 个答案: