javascript - JQuery AJAX 从文件夹中向后读取文件

Question

我正在使用此代码将网站中的所有图像从文件夹加载到页面中。但正如你所看到的，我正在使用前置命令，因为图像的命名类似于“0001”、“0002”、“0003”，所以脚本首先读取 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>