Question

我在div中有一个img元素列表，如下所示：

<img src="..." pct="38"/>

每个图像的pct值都不同。我设法创建了一个包含所有图像的列表，并带有each()循环。

var tab[];

但是我不知道如何轻松地对它进行排序，以及是否有快速方法。我该怎么办？

Answer 1

如果您定义sortByPct这样的函数，其中a和b是DOM元素：

var sortByPct = function(a, b) {
  var aNum = new Number($(a).attr("pct"));
  var bNum = new Number($(b).attr("pct"));
  return aNum == bNum ? 0 : (aNum < bNum ? -1 : 1);
}

...您将能够按以下方式对数组进行排序：

tab.sort(sortByPct);

Answer 2

您可以使用sort功能并将其传递给专用比较功能：

var strcmp = function(str1, str2) {
    return ( ( str1 == str2 ) ? 0 : ( ( str1 > str2 ) ? 1 : -1 ) );
};
// to sort by src :
tab.sort(function(a,b) {
    return strcmp(a.attr('src'), b.attr('src'));
});
// to sort by "pct" :
tab.sort(function(a,b) {
    return strcmp(a.attr('pct'), b.attr('pct'));
});
// to sort by "pct" as numbers :
tab.sort(function(a,b) {
    return a.attr('pct') - b.attr('pct');
});

这假设您的tab数组包含jQuery对象。如果不是这种情况，请使用$(a).attr('pct')代替a.attr('pct')。

如何根据属性对img元素进行排序？

2 个答案: