Question

我使用以下代码从特定文件夹中检索所有图像名称：

$(document).ready(function() {
  var loc = "../images/test/";
  var fileextension = ".JPG";
  $.ajax({
      url: loc,
      success: function (data) {
          $(data).find("a:contains(" + fileextension + ")").each(function () {
              var filename = this.href.replace(window.location.host, "").replace("http:///", "");
              $("body").append($("<p>test</p>"));
          });
      }
  });
});

问题是我成功回调但我从不进入循环来创建我的元素。

＆＃34;数据＆＃34;的内容是一个html页面，但是当我想解析数据变量的内容时，页面尚未创建。

请看看这个jsFiddle：http://jsfiddle.net/0rdv9jy5/2/ 在HTML部分，它是数据变量的内容。

Answer 1

尝试使用documentFragment。基本上，您创建一个documentFragment，您将数据放入。然后你从那里搜索：

var $html = $(document.createDocumentFragment());
var $fragment = $(data);
$html.append($fragment);
$($fragment).find(/*...*/);

从文件夹动态创建img元素

1 个答案: