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

166 阅读 0 评论 110 点赞

我是靠谱客的博主神勇康乃馨，最近开发中收集的这篇文章主要介绍js,jQuery 排序的实现代码,网页标签排序的实现,标签排序，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

js,jQuery 排序的实现:
重点: 想要实现排序,最简单的方法就是
先把标签用jQuery读进对象数组
用js排序好对象数组 (针对对象数组进行排序, 不要试图直接对网页的内容进行直接更改)
用对象数组内容覆盖网页上的标签数组;
//排序从文字短的到长的

复制代码代码如下:

 
//排序从文字短的到长的 
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++; 
}); 