jjzjj

Javascript/jQuery : Reordering divs according to data-attribute values

coder 2024-05-09 原文

<分区>

Possible Duplicate:
Sort element by numerical value of data attribute

我想根据设置在它们上的数据属性重新组织 div,范围从最高整数到最低整数。现在,我将所有数据插入一个数组并对其进行排序,但我不确定如何进行。我如何使用它来重组其父 div 内的 div?

var prices = new Array();
$(this).children('.listing-item').each(function() {
    var price = parseInt($(this).attr('data-listing-price'));
    prices.push(price)
});
prices.sort(function(a,b){return b-a});

这让我得到了一个数组,例如 139,129,129,109,109,84。现在我的想法是使用这样的选择器再次遍历 div:

$('.listing-item[data-listing-price="' + prices[0] + '"]')

但我不确定如何移动 div(具有最高数据属性整数的 div 应该移动到顶部等等。有什么想法吗?

有关Javascript/jQuery : Reordering divs according to data-attribute values的更多相关文章

随机推荐