js,jQuery 排序的實現(xiàn)代碼,網(wǎng)頁標(biāo)簽排序的實現(xiàn),標(biāo)簽排序
更新時間：2011年04月27日 00:13:54 作者：
js,jQuery 排序的實現(xiàn),網(wǎng)頁標(biāo)簽排序的實現(xiàn),標(biāo)簽排序，需要的朋友可以參考下。
js,jQuery 排序的實現(xiàn):
重點(diǎn): 想要實現(xiàn)排序,最簡單的方法就是
先把標(biāo)簽用jQuery讀進(jìn)對象數(shù)組
用js排序好對象數(shù)組 (針對對象數(shù)組進(jìn)行排序, 不要試圖直接對網(wǎng)頁的內(nèi)容進(jìn)行直接更改)
用對象數(shù)組內(nèi)容覆蓋網(wǎng)頁上的標(biāo)簽數(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++;
});
重點(diǎn): 想要實現(xiàn)排序,最簡單的方法就是
先把標(biāo)簽用jQuery讀進(jìn)對象數(shù)組
用js排序好對象數(shù)組 (針對對象數(shù)組進(jìn)行排序, 不要試圖直接對網(wǎng)頁的內(nèi)容進(jìn)行直接更改)
用對象數(shù)組內(nèi)容覆蓋網(wǎng)頁上的標(biāo)簽數(shù)組;
//排序從文字短的到長的
復(fù)制代碼 代碼如下:
//排序從文字短的到長的
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++;
});
相關(guān)文章
這篇文章主要為大家介紹了Three.js?PBR物理渲染屬性及使用介紹，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-04-04
JavaScript進(jìn)階之前端文件上傳和下載示例詳解
這篇文章主要為大家介紹了JavaScript進(jìn)階之前端文件上傳和下載示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-09-09
在一個頁面中，每一個外部JavaScript 及CSS文件都會導(dǎo)致一個額外的HTTP請求。所以，如何合理的合并JavaScript 文件及CSS文件也是前端工程師應(yīng)該考慮的。2009-10-10
JS把字符串轉(zhuǎn)成json對象的三種方法示例詳解
這篇文章主要介紹了js?把字符串轉(zhuǎn)成json對象的三種方法,本文通過實例代碼給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下2023-04-04
這篇文章主要介紹了js中傳遞特殊字符(+,&)的方法，有需要的朋友可以參考一下2014-01-01
window.open關(guān)于瀏覽器攔截問題分析及解決方法
window.open是javascript函數(shù)，該函數(shù)的作用是打開一個新窗口或這改變原來的窗口,如果你直接在js中調(diào)用window.open()函數(shù)去打開一個新窗口，瀏覽器會攔截你,那么如何避免呢，感興趣的朋友可以了解下本文或許對你學(xué)習(xí)有所幫助2013-02-02
錯誤剖析之JavaScript的9個陷阱及評點(diǎn)...2007-08-08
匯編語言還是在大學(xué)的時候?qū)W的，匯編語言有個特點(diǎn)是語句短、條數(shù)多，很難可以把全部指令都背熟。本文就來用JavaScript編寫一個8086匯編指令查詢工具，希望對大家有所幫助2023-02-02
如何用JS播放wav文件，理論上用js在網(wǎng)頁里嵌入一個window播放器的插件,可以播放的。,不過通用性不是很好,IE下可以用，感興趣的朋友可以參考下哈本文2013-04-04
JS實現(xiàn)數(shù)據(jù)動態(tài)渲染的豎向步驟條
這篇文章主要為大家詳細(xì)介紹了JS實現(xiàn)數(shù)據(jù)動態(tài)渲染的豎向步驟條，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-06-06