javascript - 创建 DOM 元素之前如何按日期排序

Question

我正在循环一些 JSON，并希望按最新日期显示 DOM 元素。我有一个数据日期属性。在将数组中的每个对象创建为 DOM 元素之前，如何对它们进行排序？

我有以下内容 -

$.getJSON(ytapiurl, function(data) {
  $.each(data.feed.entry, function(i, item) {
    var pubdate  = item['published']['$t'];
        htmlString +='<div class="cursor col-sm-6 col-md-3 item" data-date="' + fulldate '">Video</div>';

    console.log(new Date(pubdate).getTime());
 });
});

Answer 1

假设 pubdate 是 entry 数组中项目的属性，您可以在创建 html 之前对数组进行排序

$.getJSON(ytapiurl, function (data) {
    data.feed.entry.sort(function (a, b) {
        var fd1 = new Date(a.pubdate);
        var fd2 = new Date(b.pubdate);
        return fd1.getTime() - fd2.getTime();
    })
    $.each(data.feed.entry, function (i, item) {
        var fulldate = new Date(pubdate).toLocaleDateString();
        htmlString += '<div class="cursor col-sm-6 col-md-3 item" data-date="' + fulldate '">Video</div>';
    });
});