js,jQuery 排序的实现,网页标签排序的实现,标签排序

最新推荐文章于 2022-05-26 16:56:52 发布

转载最新推荐文章于 2022-05-26 16:56:52 发布 · 626 阅读

文章标签：

#div css #jquery 排序

java 专栏收录该内容

99 篇文章

订阅专栏

本文介绍了一种使用jQuery和JavaScript对网页上的标签进行排序的方法。通过将标签读取为对象数组并进行排序，最后更新到页面上，实现了从短文本到长文本的排序效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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++; 
          
           });