2020博客之星年度总评选 - 显示排名

r囧r小猫 2023-01-09 12:36 265阅读 0赞

2020博客之星年度总评选 开始了。但是这用户体验是真。。。。。。。
连排名都没有，只能自己来优化了。

jQuery 走起

对排名进行排序。
sort方法有两个参数 a-b升序，b-a降序

  1. // 按票数降序。
  2. var s = '.current-vote>em';
  3. var $ul = $('#blogList');
  4. var $li = $ul.find('li').sort((a,b) => +$(b).find(s).text() - $(a).find(s).text());
  5. $ul.empty();
  6. $ul.append($li);
  8. // 显示名次
  9. $li.each((i,o) => $(o).find('a').prepend(`<span class="num" style="right:12px;">Top:${ i+1}</span>`));

在这里插入图片描述

原生js

算了，我懒了。。。。

发表评论

表情：
评论列表 （有 0 条评论，265人围观）

还没有评论，来说两句吧...

相关阅读