javascript - 按日期排序 div(即 div id)

Question

我有结果页面。每个 div 都有带有事件日期 (Ymd) 的 ID。我如何按子 div 事件日期对“结果”div 中的那些 div 进行排序，如果日期 < OR = 今天则消除 div？这应该很容易做到，但我不太擅长 jquery。如果能够更改“今天”的可变时区，那就太好了。

<div class="results">
    <div class="item shadowbox route_entry" id="20150417">
        Content
    </div>
    <div class="item shadowbox route_entry" id="20150422">
        Content
    </div>
    <div class="item shadowbox route_entry" id="20150424">
        Content
    </div>
    <div class="item shadowbox route_entry" id="20150427">
        Content
    </div>
    <div class="item shadowbox route_entry" id="20150429">
        Content
    </div>
</div>

感谢您的帮助:)

Answer 1

您可以使用 $.filter , 像这样

var today   = new Date().getTime(),
    $result = $('.results > .item').clone(true).filter(function () {
        // get date 
        var date = $(this).attr('id').replace(/(\d{4})(\d{2})(\d{2})/,"$1-$2-$3");        
        // compare with current date, if <= today return true, and item will be in result, if return false item will be ignored 
        return new Date(date).getTime() > today;
    }).sort(function (a, b) {
        return +a.id - +b.id;
    });;

$('.results').html($result);

Example