如何根据日期或ID对div进行排序？

Question

我有这些以日期为ids的div。

<div id="20160106"></div>
<div id="20160105"></div>

等等。

有没有办法使用jQuery从最新到最早排序？

Answer 1

使用排序。

var divID = [];
var sorted_arr=[];
$("div").each(function() {
    divID.push($(this).prop("id"));
     sorted_arr = divID.sort();
                 //divID.reverse();
})
 alert(sorted_arr);// For test

Fiddle

Answer 2

＆＃13;

＆＃13;

$('#cont > div').sort(function(a, b){
  return toDate(a.id) > toDate(b.id);
}).appendTo($('#cont'));

function toDate(str){
  var dateStr = new Date(str.substring(0, 4), parseInt(str.substring(4, 6)) - 1, str.substring(6, 8));
  return dateStr.getTime();
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<div id="cont">
  <div id="20160106">20160106</div>
  <div id="20160105">20160105</div>
  <div id="20160206">20160206</div>
  <div id="20160405">20160405</div>
  <div id="20150502">20150502</div>
  <div id="20160106">20160106</div>
  <div id="20160106">20160106</div>
  <div id="20161105">20161105</div>
</div>

＆＃13;

＆＃13;

＆＃13;