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