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 相关文章推荐
基于mootools 1.3框架下的图片滑动效果代码
Apr 22 Javascript
JS文本框默认值处理详解
Jul 10 Javascript
javascript作用域问题实例分析
Jul 13 Javascript
js行号显示的文本框实现效果(兼容多种浏览器 )
Oct 23 Javascript
超赞的jQuery图片滑块动画特效代码汇总
Jan 25 Javascript
Bootstrap基本组件学习笔记之分页(12)
Dec 08 Javascript
javascript 中设置window.location.href跳转无效问题解决办法
Feb 09 Javascript
微信小程序商城项目之商品属性分类(4)
Apr 17 Javascript
Vue进度条progressbar组件功能
Apr 17 Javascript
js与jQuery实现获取table中的数据并拼成json字符串操作示例
Jul 12 jQuery
jQuery实现的模仿雨滴下落动画效果
Dec 11 jQuery
新手快速上手webpack4打包工具的使用详解
Jan 28 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中fgetcsv()函数用法实例
2014/11/28 PHP
PHP中使用CURL发送get/post请求上传图片批处理功能
2018/10/15 PHP
php post换行的方法
2020/02/03 PHP
Javascript验证用户输入URL地址是否为空及格式是否正确
2014/10/09 Javascript
javascript中caller和callee详解
2015/08/10 Javascript
Vue2.0利用 v-model 实现组件props双向绑定的优美解决方案
2017/03/13 Javascript
基于JavaScript实现移动端无限加载分页
2017/03/27 Javascript
jQuery插件FusionCharts绘制的2D双面积图效果示例【附demo源码】
2017/04/11 jQuery
为JQuery EasyUI 表单组件增加焦点切换功能的方法
2017/04/13 jQuery
一个可复用的vue分页组件
2017/05/15 Javascript
详解前后端分离之VueJS前端
2017/05/24 Javascript
微信小程序实现自定义modal弹窗封装的方法
2018/06/15 Javascript
Echarts动态加载多条折线图的实现代码
2019/05/24 Javascript
Vue父子传递实例讲解
2020/02/14 Javascript
Javascript地址引用代码实例解析
2020/02/25 Javascript
微信小程序中使用 async/await的方法实例分析
2020/05/06 Javascript
python3使用tkinter实现ui界面简单实例
2014/01/10 Python
解决Python传递中文参数的问题
2015/08/04 Python
30秒轻松实现TensorFlow物体检测
2018/03/14 Python
用Python画一个LinkinPark的logo代码实例
2019/09/10 Python
python导入不同目录下的自定义模块过程解析
2019/11/18 Python
django框架forms组件用法实例详解
2019/12/10 Python
利用pytorch实现对CIFAR-10数据集的分类
2020/01/14 Python
tf.concat中axis的含义与使用详解
2020/02/07 Python
关于python中remove的一些坑小结
2021/01/04 Python
Python之qq自动发消息的示例代码
2021/02/18 Python
迪卡侬印尼体育用品商店:Decathlon印尼
2020/03/11 全球购物
抽象类和接口的区别
2012/09/19 面试题
档案接收函
2014/01/13 职场文书
党的群众路线教育实践活动总结报告
2014/04/28 职场文书
房地产端午节活动方案
2014/08/24 职场文书
2014年度党员自我评议
2014/09/13 职场文书
信用卡工资证明格式
2014/09/13 职场文书
2015年学校工作总结范文
2015/04/20 职场文书
刑事附带民事起诉状
2015/05/19 职场文书
微信小程序实现轮播图指示器
2022/06/25 Javascript