ul li列表排序

在一个列表中,每一项都有多个数据,像这样

<ul class="datalist">
			<li class="item">
				<span class="item-id">1</span>
				<span class="item-name">AA</span>
				<span class="item-count">90</span>
			</li>
			<li class="item">
				<span class="item-id">2</span>
				<span class="item-name">BB</span>
				<span class="item-count">52</span>
			</li>
			<li class="item">
				<span class="item-id">3</span>
				<span class="item-name">CC</span>
				<span class="item-count">57</span>
			</li>
			<li class="item">
				<span class="item-id">4</span>
				<span class="item-name">DD</span>
				<span class="item-count">36</span>
			</li>
		</ul>

要想按照.item-count中包含的数据对 li 进行升序、降序排序,可以使用**Array.prototype.sort()**来对列表进行排序:

var $domlist = $('.datalist');//将要排序的列表
var sortDom = function(flag,$domlist){
	var $item = $domlist.find('.item');
	var $newList = Array.prototype.sort.call($item,function(a,b){
		return flag ? ($(a).find('.item-count').html()-0) - ($(b).find('.item-count').html()-0) : ($(b).find('.item-count').html()-0) - ($(a).find('.item-count').html()-0)
	});
	return $newList; //返回重新排序过的列表
}
var $result = sortDom(true,$domlist);//true为升序、false为降序
$('.datalist').html($result);

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值