js,jQuery 排序的實現(xiàn)代碼,網(wǎng)頁標簽排序的實現(xiàn),標簽排序
更新時間：2011年04月27日 00:13:54 作者：
js,jQuery 排序的實現(xiàn),網(wǎng)頁標簽排序的實現(xiàn),標簽排序，需要的朋友可以參考下。
js,jQuery 排序的實現(xiàn):
重點: 想要實現(xiàn)排序,最簡單的方法就是
先把標簽用jQuery讀進對象數(shù)組
用js排序好對象數(shù)組 (針對對象數(shù)組進行排序, 不要試圖直接對網(wǎng)頁的內(nèi)容進行直接更改)
用對象數(shù)組內(nèi)容覆蓋網(wǎng)頁上的標簽數(shù)組;
//排序從文字短的到長的
//排序從文字短的到長的
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++;
});
重點: 想要實現(xiàn)排序,最簡單的方法就是
先把標簽用jQuery讀進對象數(shù)組
用js排序好對象數(shù)組 (針對對象數(shù)組進行排序, 不要試圖直接對網(wǎng)頁的內(nèi)容進行直接更改)
用對象數(shù)組內(nèi)容覆蓋網(wǎng)頁上的標簽數(shù)組;
//排序從文字短的到長的
復制代碼 代碼如下:
//排序從文字短的到長的
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++;
});
相關文章
這篇文章主要介紹了js 數(shù)組隨機洗牌的實例代碼，非常不錯，具有一定的參考借鑒價值 ,需要的朋友可以參考下2018-09-09
這篇文章主要為大家詳細介紹了JavaScript實現(xiàn)滑動導航欄效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-08-08
本文主要分享了原生js實現(xiàn)中獎信息無間隙滾動效果的示例代碼。具有一定的參考價值，下面跟著小編一起來看下吧2017-01-01
這篇文章主要介紹了關閉瀏覽器時提示onbeforeunload事件，有需要的朋友可以參考一下2013-12-12
js 異步操作回調(diào)函數(shù)如何控制執(zhí)行順序
本文為大家講解下js異步操作時回調(diào)函數(shù)如何控制執(zhí)行順序，感興趣的朋友可以參考下2013-12-12
這篇文章主要為大家詳細介紹了JavaScript canvas繪制圓弧與圓形，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-02-02
需求是一個字符串，想刪除這個字符串最后一個字符，比如“1,2,3,4,5,”，刪除最后一個“,”用javascript怎么實現(xiàn)？下面給出三種方法2014-01-01
漂浮廣告/對聯(lián)代碼 為什么在XHTML語言的網(wǎng)頁中不能使用2009-11-11
這篇文章主要介紹了如何配置Webpack?SourceMap，本文給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友參考下吧2024-03-03
詳解如何在微信小程序開發(fā)中正確的使用vant ui組件
這篇文章主要介紹了詳解如何在微信小程序開發(fā)中正確的使用vant ui組件，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-09-09