jquery - jquery定位新元素的位置排序

Question

我的页面上有以下元素：

<div class="feedItem" data-moddate="1344738920" data-id="59920"></div>
<div class="feedItem" data-moddate="1344725719" data-id="59897"></div>
<div class="feedItem" data-moddate="1344722122" data-id="59876"></div>
<div class="feedItem" data-moddate="1344718218" data-id="59856"></div>
<div class="feedItem" data-moddate="1344716717" data-id="59854"></div>

当我动态插入一个新项目时，我想根据“moddate”数据值将它放置在正确的位置。

获取元素需要去的位置很重要，因为我计划在每个新元素到达时做一些动画。

有任何想法吗？

Answer 1

var i = 0;
var modDate = someTimestamp
$(".feedItem").each(function()
{
    if(modDate < $(this).data('moddate'))
    {
        return;
    }
    i++;
});
//The new element should be inserted AFTER $(".feedItem").eq(i);