jquery - 在尊重数据顺序属性的列表的特定位置插入 元素

Question

我有一个带有编号数据顺序属性的列表。该属性不一定是像 1,2,3,4... 这样的序列，而是一个没有确定增加的递增数字序列，例如 8,30,201,380。

我想要做的是使用 jquery 在此列表中插入一个元素，尊重顺序，因此，如果新元素的数据顺序是 58，它将在 30 到 201 之间...

由于元素不在一组增量序列中，因此简单的查找和插入不起作用，关于如何在不浪费太多处理的情况下实现此目的有什么想法吗？

Answer 1

假设...

• $ul是列表节点(jQuery 包装)
• $li是要插入的列表项(jQuery 包装)

var o = $li.appendTo($ul).data('order');//initially, append $li to end of the list, and read its order attribute.
$ul.find("li").each(function() {
    if(o < $(this).data('order')) {
        $li.insertBefore(this); //if $li's order` is less than current item's order, then move $li above current item.
        return false; //break
    }
});

如果在扫描期间，o < $(this).data('order')不满足条件，则新列表项将保留在列表末尾。

<强> DEMO