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


Posted in Javascript onApril 27, 2011

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++; 
});
Javascript 相关文章推荐
javascript 节点遍历函数
Mar 28 Javascript
javascript 密码强度验证规则、打分、验证(给出前端代码,后端代码可根据强度规则翻译)
May 18 Javascript
javascript 词法作用域和闭包分析说明
Aug 12 Javascript
JavaScript学习笔记之定时器
Jan 22 Javascript
jQuery中DOM树操作之使用反向插入方法实例分析
Jan 23 Javascript
微信小程序 基础知识css样式media标签
Feb 15 Javascript
Bootstrap框架建立树形菜单(Tree)的实例代码
Oct 30 Javascript
Three.js基础学习教程
Nov 16 Javascript
浅谈javascript中的prototype和__proto__的理解
Apr 07 Javascript
微信小程序实现滚动加载更多的代码
Dec 06 Javascript
JS闭包原理及其使用场景解析
Dec 03 Javascript
AJAX实现省市县三级联动效果
Oct 16 Javascript
javascript中的继承实例代码
Apr 27 #Javascript
各浏览器对link标签onload/onreadystatechange事件支持的差异分析
Apr 27 #Javascript
仅IE9/10同时支持script元素的onload和onreadystatechange事件分析
Apr 27 #Javascript
js实时监听文本框状态的方法
Apr 26 #Javascript
Javascript中的window.event.keyCode使用介绍
Apr 26 #Javascript
Javascript中正则表达式的全局匹配模式分析
Apr 26 #Javascript
说明你的Javascript技术很烂的五个原因
Apr 26 #Javascript
You might like
php实现smarty模板无限极分类的方法
2015/12/07 PHP
CI框架源码解读之利用Hook.php文件完成功能扩展的方法
2016/05/18 PHP
ThinkPHP实现的rsa非对称加密类示例
2018/05/29 PHP
基于laravel-admin 后台 列表标签背景的使用方法
2019/10/03 PHP
web基于浏览器的本地存储方法应用
2012/11/27 Javascript
JavaScript地图拖动功能SpryMap的简单实现
2013/07/17 Javascript
javascript简单比较日期大小的方法
2016/01/05 Javascript
javascript类型系统——undefined和null全面了解
2016/07/13 Javascript
BootStrap Table对前台页面表格的支持实例讲解
2016/12/22 Javascript
获取今天,昨天,本周,上周,本月,上月时间(实例分享)
2017/01/04 Javascript
微信小程序动态的加载数据实例代码
2017/04/14 Javascript
jQuery中extend函数简单用法示例
2017/10/11 jQuery
javascript+jQuery实现360开机时间显示效果
2017/11/03 jQuery
create-react-app安装出错问题解决方法
2018/09/04 Javascript
解决vuex刷新状态初始化的方法实现
2019/08/15 Javascript
[01:23:24]DOTA2-DPC中国联赛 正赛 PSG.LGD vs Elephant BO3 第三场 2月7日
2021/03/11 DOTA
Python中的命令行参数解析工具之docopt详解
2017/03/27 Python
浅谈python可视化包Bokeh
2018/02/07 Python
Python 列表去重去除空字符的例子
2019/07/20 Python
使用Python matplotlib作图时,设置横纵坐标轴数值以百分比(%)显示
2020/05/16 Python
CSS3媒体查询Media Queries基础学习教程
2016/02/29 HTML / CSS
canvas绘制表情包的示例代码
2018/07/09 HTML / CSS
美国美妆网站:B-Glowing
2016/10/12 全球购物
AT&T Wireless:手机、无限数据计划和配件
2018/06/03 全球购物
Hudson Jeans官网:高级精制牛仔裤
2018/11/28 全球购物
Parfumdreams芬兰:购买香水和化妆品
2021/02/13 全球购物
Prototype如何为一个Ajax添加一个参数
2015/12/06 面试题
广告学毕业生求职信
2014/01/30 职场文书
校园之声广播稿
2014/01/31 职场文书
家教广告词
2014/03/19 职场文书
商务日语专业的自荐信
2014/05/23 职场文书
兽医医药专业求职信
2014/07/27 职场文书
领导干部“四风”问题批评与自我批评材料
2014/09/24 职场文书
物价局领导班子四风问题整改措施
2014/10/26 职场文书
2015年安全生产月活动总结
2015/03/26 职场文书
vue+elementui 实现新增和修改共用一个弹框的完整代码
2021/06/08 Vue.js