jQuery实现网页标签按文字长度排序

jQuery实现网页标签按文字长度排序

jQuery实现网页标签排序的方法

核心要点在于：实现排序最简便的方式是

首先使用jQuery将目标标签读取并存入对象数组

接着利用JavaScript对该对象数组执行排序操作（注意：应针对对象数组进行排序，避免直接修改网页内容）

最后使用排序后的对象数组内容覆盖网页上原有的标签数组

本示例演示按文字长度从短到长进行排序

 
// 排序逻辑：按文字长度从短到长
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++;
});