我一直在尝试通过 jQuery 中的升序/降序对日期进行排序,但没有运气。知道出了什么问题吗?这是我的代码:http: //jsfiddle.net/UdwNh/
var itemsArray = $('div#activity_box');
itemsArray.sort(function(a,b){
var aTime = new Date($(a).find('#activity_date').text()).getTime();
var bTime = new Date($(b).find('#activity_date').text()).getTime();
return aTime - bTime;
});
$('#sortAsc').click(function(){
$("#wrapper").empty();
$(itemsArray).each(function(){
$("#wrapper").prepend($(this));
});
});
$('#sortDesc').click(function(){
$("#wrapper").empty();
$(itemsArray).each(function(){
$("#wrapper").append($(this));
});
});
相关HTML:
<input class="btn" type="button" value="Sort Ascending" id="sortAsc"/>
<input class="btn" type="button" value="Sort Descending" id="sortDesc"/>
<div id="wrapper">
<ul>
<li class='item'><div id='activity_date'>01/10/2012</div>
<div id='activity_box'>
<div id='activity_text' class='windowClass2'>...text here...</div>
</div></li><li class='item'><div id='activity_date'>04/10/2012</div>
<div id='activity_box'>
<div id='activity_text' class='windowClass2'>...text here...</div>
</div></li><li class='item'><div id='activity_date'>10/10/2012</div>
<div id='activity_box'>
<div id='activity_text' class='windowClass2'>...text here...</div>
</div></li><li class='item'><div id='activity_date'>16/10/2012</div>
<div id='activity_box'>
<div id='activity_text' class='windowClass2'>...text here...</div>
</div></li>
</ul>
</div>