我目前正尝试在每次加载 Ajax 调用时发布某些代码块。我正在使用 Append 来完成它,它看起来像这样:
$("#wrap").append("
<div class='newData'>
<div class='infoBox'>
" + firstName + lastName + "
</div>
</div>"
);
我的 Ajax 看起来像这样:
$.ajax({
type: "GET",
url: "feed.php",
dataType: 'json',
success: function(data) {
for(i = 0; i < data.length; i++){
firstName = data[i].First_Name;
lastName = data[i].Last_Name;
// wrap.innerHTML += '<div class="newData">' + firstName + lastName +'</div>';
$("#wrap").append("
<div class='newData'>
<div class='infoBox'>
" + firstName + lastName + "
</div>
</div>");
}
}
});
当我尝试执行此操作时,什么也没有出现。如果我取出 infoBox
div,它就会工作。这是执行此操作的正确方法吗?我将使用来 self 的 Ajax 调用的变量在其中添加多个不同的 div。是否有更好的方法来做到这一点,或者这是正确的方法但做错了吗?
最佳答案
您没有正确连接它。
它应该是这样的:
$("#wrap").append("<div class='newData'>" +
"<div class='infoBox'>" +
firstName + lastName +
"</div>" +
"</div>");
关于javascript - jQuery追加多个div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31735310/