使用循环变量的getElementById [重复]

Question

我想从我的数据库中获取一个字符串并将其放入我的段落中：

<p id="q_1"></p>
<p id="q_2"></p>

这里可以正常工作：

$.get("bewertung/get/1", function (data) {
      document.getElementById("q_1").innerHTML = data[0].question;
})

这在这里不起作用。为什么以及如何解决这个问题？

for( var j = 1; j <= 5; j++){
    $.get("bewertung/get/"+j+"", function (data){
         document.getElementById("q_"+j+"").innerHTML = data[0].question;
    })
}
//data[0].question is the field in the DB

Answer 1

这是由于当您收到来自服务器的响应时（或执行任何其他异步操作循环将完成并且j 变量将具有值6。为了防止这种情况，您需要创建闭包用于 for 循环中使用的异步操作。请注意，我使用的是 setTimeout 而不是 AJAX。

for( var j = 1; j <= 5; j++){
    (function(k) {
        setTimeout(function() {
           document.getElementById("q_" + k).innerHTML = 'data';
        });
    })(j);
}

<p id="q_1"></p>
<p id="q_2"></p>
<p id="q_3"></p>
<p id="q_4"></p>
<p id="q_5"></p>