javascript - 通过 javascript 按整数值对元素进行排序的最佳方法

Question

我的元素排序如下:

<div class="item pix-txt medium">
   <span class="animated jumbo bold" data-sequence="5" data-entrance="fade" data-exit="fade" data-top="50" data-left="-150">Masters of the Internet</span> 
   <span class="animated medium" data-sequence="3" data-entrance="fade" data-exit="fade">
   <span class="animated medium" data-sequence="2" data-entrance="fade" data-exit="fade"></span>

</div>

每个.animated范围都有一个数据序列，并附有一个整数。按 data-sequence 值对 javascript 数组中的这些元素进行排序的最佳方法是什么？

Answer 1

如果你想在 JavaScript 数组中对它们进行排序，但不对 DOM 进行排序，你可以这样做；

var ar = $('.item').children().get().sort(function (a, b) {
    return $(a).data('sequence') - $(b).data('sequence');
});

这使用 get() 将 jQuery 对象转换为数组，然后使用Array sort() function .

注意ar将是一个JavaScript数组，而不是一个jQuery对象。