javascript - jQuery追加多个div

Question

我目前正尝试在每次加载 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。是否有更好的方法来做到这一点，或者这是正确的方法但做错了吗？

Answer 1

您没有正确连接它。

它应该是这样的:

 $("#wrap").append("<div class='newData'>" +
                      "<div class='infoBox'>" +
                        firstName + lastName + 
                      "</div>" +
                   "</div>");