首页 > web前端 > js教程 > js,jQuery 排序的实现代码,网页标签排序的实现,标签排序_javascript技巧

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

WBOY
发布: 2016-05-16 18:07:26
原创
1040 人浏览过

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{
for(j=i+1;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++;
});
相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板