在JQuery中对元素列表进行排序

前端之家收集整理的这篇文章主要介绍了在JQuery中对元素列表进行排序前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个使用 JQuery获得的元素列表.
var $self = $(this);
var $fields = $('.identifier-controls',$self);

此列表是控件呈现时需要以某种方式操作的元素列表. $fields列表中的每个元素都包含一个名为“data-order”的数据属性.这个属性告诉我应该在控件中安排元素的顺序(啊要求).顺序不必是直接线性顺序(意味着第一个控件的属性值为10,下一个15和下一个控件等等.它们只需要按asc顺序出现.是否有一个简单的实现这一目标的方法?我能提出的所有方法看起来有点过于复杂.

解决方法

试试这个:
$(function(){
   var $self = $(this);
   var sortedList = $('.identifier-controls',$self).sort(function(lhs,rhs){
      return parseInt($(lhs).attr("data-order"),10) - parseInt($(rhs).attr("data-order"),10);
   });
});

变量sortedList现在具有已排序的元素.

猜你在找的jQuery相关文章