Question

我正在使用此代码网站将所有图像从文件夹加载到页面。但正如你可以看到我正在使用prepend命令，因为图像被命名为＆＃34; 0001＆＃34;，＆＃34; 0002＆＃34;，＆＃34; 0003＆＃34;所以脚本首先读取0001文件，我需要先显示最新的数字。

有没有办法向后读取文件名？（首先是0003然后0002，0001 ..）

我正在使用的代码（我在stackoverflow上找到了这个代码）：

var dir = "img/Torty/";
var fileextension = ".jpg";
$.ajax({
    url: dir
    , success: function (data) {
        $(data).find("a:contains(" + fileextension + ")").each(function () {
            var filename = this.href.replace(window.location.host, "").replace("http:///", "");
            if (filename.indexOf("+s+") >= 0) {
                var splitted = filename.split("+");
                $("#tortySem").prepend("<p><img src='" + dir + filename + "'></p>");
                $("#tortySem").prepend("<p>Torta " + parseInt(splitted[0]) + "   Váha " + splitted[1] + "Kg</p>");
            }
        });
    }
});

Answer 1

尝试使用.toArray()，Array.prototype.reverse()，.append()

$($(data).find("a:contains(" + fileextension + ")").toArray().reverse())
.each(function () {
  var filename = this.href.replace(window.location.host, "")
                 .replace("http:///", "");
  if (filename.indexOf("+s+") >= 0) {
    var splitted = filename.split("+");
    $("#tortySem")
    .append("<p><img src='" + dir + filename + "'></p>");
    $("#tortySem")
    .append("<p>Torta " 
      + parseInt(splitted[0]) 
      + "   Váha " 
      + splitted[1] 
      + "Kg</p>");
  }
});

var data = "<div><a href=0001>0001</a><a href=0002>0002</a><a href=0003>0003</a></div>";

var n = "000";

$($(data).find("a:contains(" + n + ")").toArray().reverse())
.each(function() {
  $("div").append(this, "<br>")
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div></div>

JQuery AJAX从文件夹向后读取文件

1 个答案: