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判断是否按回车键并解决浏览器之间的差异
May 13 Javascript
JavaScript实现文字与图片拖拽效果的方法
Feb 16 Javascript
JavaScript改变CSS样式的方法汇总
May 07 Javascript
JS实现简单拖拽效果
Jun 21 Javascript
webpack学习笔记之代码分割和按需加载的实例详解
Jul 20 Javascript
禁止弹窗中蒙层底部页面跟随滚动的几种方法
Dec 07 Javascript
vue初始化动画加载的实例
Sep 01 Javascript
jQuery插件实现的日历功能示例【附源码下载】
Sep 07 jQuery
实例讲解JS中pop使用方法
Jan 27 Javascript
ES6 Array常用扩展的应用实例分析
Jun 26 Javascript
vue的keep-alive用法技巧
Aug 15 Javascript
VUE单页面切换动画代码(全网最好的切换效果)
Oct 31 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 foreach 使用&amp;(与运算符)引用赋值要注意的问题
2010/02/16 PHP
php数组去重的函数代码
2013/02/03 PHP
ThinkPHP3.2框架自带分页功能实现方法示例
2019/05/13 PHP
用jscript启动sqlserver
2007/06/21 Javascript
js中函数调用的两种常用方法使用介绍
2014/07/17 Javascript
jQuery对象的length属性用法实例
2014/12/27 Javascript
JavaScript框架是什么?怎样才能叫做框架?
2015/07/01 Javascript
jquery性能优化高级技巧
2015/08/24 Javascript
自制微信公众号一键排版工具
2016/09/22 Javascript
javascript工厂模式和构造函数模式创建对象方法解析
2016/12/30 Javascript
JS出现失效的情况总结
2017/01/20 Javascript
微信小程序 动态绑定数据及动态事件处理
2017/03/14 Javascript
全面解析Node.js 8 重要功能和修复
2017/06/02 Javascript
Vue项目webpack打包部署到服务器的实例详解
2017/07/17 Javascript
VUE前端cookie简单操作
2017/10/17 Javascript
async/await地狱该如何避免详解
2018/05/10 Javascript
vue.js使用3DES加密的方法示例
2018/05/18 Javascript
基于vue中对鼠标划过事件的处理方式详解
2018/08/22 Javascript
vuex + axios 做登录验证 并且保存登录状态的实例
2018/09/16 Javascript
Node.js 获取微信JS-SDK CONFIG的方法示例
2019/05/21 Javascript
Node.js+ELK日志规范的实现
2019/05/23 Javascript
vue-router 2.0 跳转之router.push()用法说明
2020/08/12 Javascript
[33:28]完美世界DOTA2联赛PWL S3 PXG vs GXR 第三场 12.19
2020/12/24 DOTA
python通过post提交数据的方法
2015/05/06 Python
基于PyQT实现区分左键双击和单击
2020/05/19 Python
解决Python paramiko 模块远程执行ssh 命令 nohup 不生效的问题
2020/07/14 Python
Python创建自己的加密货币的示例
2021/03/01 Python
高中生校园生活自我评价
2013/09/19 职场文书
班级入场式解说词
2014/02/01 职场文书
房屋买卖协议书范本
2014/09/27 职场文书
毕业酒会致辞
2015/07/29 职场文书
《跨越海峡的生命桥》教学反思
2016/02/18 职场文书
pytorch常用数据类型所占字节数对照表一览
2021/05/17 Python
Python获取指定日期是"星期几"的6种方法
2022/03/13 Python
pandas中pd.groupby()的用法详解
2022/06/16 Python
Redis过期数据是否会被立马删除
2022/07/23 Redis