创建div并使用基于ajax调用的文件加载每个div

Question

所以我有下面的代码，它应该获取一个html文件的目录，拿走每个文件，然后将内容加载到一个带有＆＃34; .module＆＃34;类的新div中。我的目录和文件名被正确检索，正确创建了一个新div，但问题是只创建了一个div，并且只加载了目录中最后一个文件的内容。似乎无法找出原因！

   $(document).ready(function() {
        $.ajax({
           url: 'modules/',
           dataType: 'json',
           cache: false,
           success: function(data) 
              {
                 $(data).each
                    (function() 
                       {
                             var filename = this;
                             console.log(filename);
                          $('#wrapper').html('<div class="module editable moveable deletable">');
                          $('#wrapper').append('</div>');
                          $('.module:last-of-type').load("modules/"+ filename);
                       });
              },
              error: function(error){
                 console.log('failed with error ' + error.status);
              }
        });
     });

Answer 1

将此.each()替换为：

$(data).each(function() {
  var filename = this;
  console.log(filename);
  $('#wrapper').append($("<div>").addClass("module editable moveable deletable"));
  $('.module:last-of-type').load("modules/" + filename);
});