javascript - 从文件夹动态创建 img 元素

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>"));
          });
      }
  });
});

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

“data”的内容是一个html页面，但是当我想解析data变量的内容时，页面尚未创建。

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

Answer 1

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

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