js,jQuery 排序的实现,网页标签排序的实现,标签排序

本文介绍了一种使用jQuery和JavaScript实现网页元素排序的方法。首先利用jQuery选取指定元素并将其存入对象数组,接着通过JavaScript对数组中的元素按文本长度进行排序,最后用排序后的数组覆盖原有网页元素,完成排序。

js,jQuery 排序的实现:

重点: 想要实现排序,最简单的方法就是

  1. 先把标签用jQuery读进对象数组
  2. 用js排序好对象数组 (针对对象数组进行排序, 不要试图直接对网页的内容进行直接更改)
  3. 用对象数组内容覆盖网页上的标签数组;

//排序从文字短的到长的
        var arr_a=new Array();
        var i=0;
        $(".type_list_txt > span:contains('T恤')").parent().children("a").each(function(){	
            arr_a[i]=$(this).clone();
            i++;
        });
        for(i=0; i<arr_a.length;i++)
        {
            for(j=i+1;j<arr_a.length;j++)
	        {
		        if($(arr_a[i]).text().length > $(arr_a[j]).text().length )
		        {
			        temp=arr_a[i];
			        arr_a[i]=arr_a[j];
			        arr_a[j]=temp;
		        }
	        }
        }
        i=0;
        $(".type_list_txt > span:contains('T恤')").parent().children("a").each(function(){	
            $(this).replaceWith($(arr_a[i]));
            i++;
        });
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值