日常生活的交流与学习

首页 新随笔 联系 管理

背景

今天在使用cheerio解析一个新浪博客网页目录的时候,准备获取其中的目录超链接,发现获取的目录总是按照倒序的顺序排序,自己突然就是想做一个正序的目录,于是在网上搜索jQuery中each()方法如何倒序遍历数组

转换成数组,然后reverse一下

关键代码

image

完整代码

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>hangge.com</title>
    <script src="jquery-3.1.1.js" charset="utf-8"></script>
    <script type="text/javascript">
       $(function() {
          $($("li").toArray().reverse()).each(function(index,item){
            var text = $(item).text() + " + " + index;
            $(item).text(text);
          });
       });
    </script>
  </head>
  <body>
    <ul>
      <li>1</li>
      <li>2</li>
      <li>3</li>
    </ul>
  </body>
</html>

使用get方法,然后reverse一下

关键代码

image

完整代码

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>hangge.com</title>
    <script src="jquery-3.1.1.js" charset="utf-8"></script>
    <script type="text/javascript">
       $(function() {
          $($("li").get().reverse()).each(function(index,item){
            var text = $(item).text() + " + " + index;
            $(item).text(text);
          });
       });
    </script>
  </head>
  <body>
    <ul>
      <li>1</li>
      <li>2</li>
      <li>3</li>
    </ul>
  </body>
</html>
posted on 2022-02-15 18:15  lazycookie  阅读(437)  评论(0编辑  收藏  举报