0

要素の位置を日付でソートする方法を教えてください。

HTML の例:

<div class="side left">
    <div class="box" data-date="06/29/2013"></div>
    <div class="box" data-date="06/29/2013"></div>
    <div class="box" data-date="06/30/2013"></div>
</div>

<div class="side right">
    <div class="box" data-date="06/28/2013"></div>
    <div class="box" data-date="06/30/2013"></div>
</div>

ボックスを日付で並べ替えたいのですが、新しい人は新しい人よりも下に移動します。（もし分かれば）

このようなGIFでデモを作成しました...

要素の位置を日付で並べ替える

私は今、これに一部関与していません:

$('.side .box').each(function(i){
        var box = $(this);
        var date = $(this).data('date');
        var format_date = new Date(date);
        var top = parseInt(box.offset().top);
        // HERE WE GO !!!

});

どうすればいいのかわかりません。

プレイグラウンド + デモ: http://jsfiddle.net/b2Wx5/

オーケー: 私は今、このステップに来ています。

http://jsfiddle.net/b2Wx5/7/

どれでも ？

4

1 に答える 1

1

このプラグイン http://james.padolsey.com/javascript/sorting-elements-with-jquery/を使用します。sortElements日付を考慮するためにいくつかの変更を追加します。
何かのようなもの

  var date1 = // pass date from first elemnt ;
  date1 = date1.split('/');
  date1 = //pass date from second element;
  var date2 = $(b).find(".date").text();
  date2 = date2.split('/');
  date2 = new Date(date2[2], date2[1] - 1, date2[0]);
  return date1 < date2 ? 1 : -1;

同様の質問がありましたHow to sort div's by content date。それにいくつかの変更を加えることで、シナリオで同じものを使用できます

于 2013-06-25T09:15:46.823 に答える