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 相关文章推荐
jquery 之 $().hover(func1, funct2)使用方法
Jun 14 Javascript
js toFixed()方法的重写实现精度的统一
Mar 06 Javascript
原生javaScript实现图片延时加载的方法
Dec 22 Javascript
Javascript基础教程之JavaScript语法
Jan 18 Javascript
js简单实现点击左右运动的方法
Apr 10 Javascript
用javascript实现自动输出网页文本
Jul 30 Javascript
jq实现左侧显示图片右侧文字滑动切换效果
Aug 04 Javascript
深入浅析JavaScript中数据共享和数据传递
Apr 25 Javascript
webpack+vuex+axios 跨域请求数据的示例代码
Mar 06 Javascript
vue拖拽组件使用方法详解
Dec 01 Javascript
Koa日志中间件封装开发详解
Mar 09 Javascript
react 移动端实现列表左滑删除的示例代码
Jul 04 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动态生成javascript文件的2个例子
2014/04/11 PHP
PHP函数积累总结
2019/03/19 PHP
laravel框架模型和数据库基础操作实例详解
2020/01/25 PHP
获取页面高度,窗口高度,滚动条高度等参数值getPageSize,getPageScroll
2006/09/22 Javascript
JavaScript 对象成员的可见性说明
2009/10/16 Javascript
Array.prototype.slice.apply的使用方法
2010/03/17 Javascript
jquery中:input和input的区别分析
2011/07/13 Javascript
简单的两种Extjs formpanel加载数据的方式
2013/11/09 Javascript
利用jQuery简单实现产品展示图片左右滚动功能(示例代码)
2014/01/02 Javascript
jquery.validate.js插件使用经验记录
2014/07/02 Javascript
javascript中bind函数的作用实例介绍
2014/09/28 Javascript
JavaScript检测浏览器cookie是否已经启动的方法
2015/02/27 Javascript
基于jQuery实现中英文切换导航条效果
2016/09/18 Javascript
Angularjs 设置全局变量的方法总结
2016/10/20 Javascript
js实现扫雷小程序的示例代码
2017/09/27 Javascript
bootstrap paginator分页插件的两种使用方式实例详解
2017/11/14 Javascript
使用webpack编译es6代码的方法步骤
2019/04/28 Javascript
javascript实现的时间格式加8小时功能示例
2019/06/13 Javascript
Bootstrap告警框(alert)实现弹出效果和短暂显示后上浮消失的示例代码
2020/08/27 Javascript
python基础教程之基本数据类型和变量声明介绍
2014/08/29 Python
Python的爬虫包Beautiful Soup中用正则表达式来搜索
2016/01/20 Python
Python实现的多项式拟合功能示例【基于matplotlib】
2018/05/15 Python
django进阶之cookie和session的使用示例
2018/08/17 Python
详解Python进阶之切片的误区与高级用法
2018/12/24 Python
selenium+python截图不成功的解决方法
2019/01/30 Python
Django Sitemap 站点地图的实现方法
2019/04/29 Python
使用APScheduler3.0.1 实现定时任务的方法
2019/07/22 Python
详解HTML5 Canvas标签及基本使用
2020/01/10 HTML / CSS
美国知名平价彩妆品牌:e.l.f. Cosmetics
2017/11/20 全球购物
澳大利亚Mocha官方网站:包、钱包、珠宝和配饰
2019/07/18 全球购物
高中生校园生活自我评价
2013/09/19 职场文书
十佳大学生村官事迹
2014/01/09 职场文书
消防器材管理制度
2014/01/28 职场文书
《湘夫人》教学反思
2014/02/21 职场文书
2015年双拥工作总结
2015/04/08 职场文书
Redis5之后版本的高可用集群搭建的实现
2021/04/27 Redis