js,jQuery 排序的实现代码,网页标签排序的实现,标签排序
更新时间：2011年04月27日 00:13:54 作者：
js,jQuery 排序的实现,网页标签排序的实现,标签排序，需要的朋友可以参考下。
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++;
});
重点: 想要实现排序,最简单的方法就是
先把标签用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++;
});
相关文章
这篇文章主要为大家介绍了Three.js PBR物理渲染属性及使用介绍，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2023-04-04
这篇文章主要为大家介绍了JavaScript进阶之前端文件上传和下载示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-09-09
在一个页面中，每一个外部JavaScript 及CSS文件都会导致一个额外的HTTP请求。所以，如何合理的合并JavaScript 文件及CSS文件也是前端工程师应该考虑的。2009-10-10
这篇文章主要介绍了js 把字符串转成json对象的三种方法,本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2023-04-04
这篇文章主要介绍了js中传递特殊字符(+,&)的方法，有需要的朋友可以参考一下2014-01-01
window.open是javascript函数，该函数的作用是打开一个新窗口或这改变原来的窗口,如果你直接在js中调用window.open()函数去打开一个新窗口，浏览器会拦截你,那么如何避免呢，感兴趣的朋友可以了解下本文或许对你学习有所帮助2013-02-02
错误剖析之JavaScript的9个陷阱及评点...2007-08-08
汇编语言还是在大学的时候学的，汇编语言有个特点是语句短、条数多，很难可以把全部指令都背熟。本文就来用JavaScript编写一个8086汇编指令查询工具，希望对大家有所帮助2023-02-02
如何用JS播放wav文件，理论上用js在网页里嵌入一个window播放器的插件,可以播放的。,不过通用性不是很好,IE下可以用，感兴趣的朋友可以参考下哈本文2013-04-04
这篇文章主要为大家详细介绍了JS实现数据动态渲染的竖向步骤条，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-06-06
最新评论