JQueryAJAX向后读取文件夹中的文件

Question

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

有办法向后读取文件名吗？（先是0003，然后是00020001..）

我现在使用的代码（我在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>