zoukankan      html  css  js  c++  java
  • js 根据data-i 降序排列

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>选项卡-vue</title>
       <link rel="stylesheet" type="text/css" href="public.css">
    </head>
    <body>
    <div id='app'>
        <ul >
            <li data-i='0'>0</li>
            <li data-i='1'>1</li>
            <li data-i='3'>3</li>
            <li data-i='5'>5</li>
        </ul>
    </div>
    <script type="text/javascript" src="vue2.js"></script>
    <script type="text/javascript">
    var lis = document.querySelectorAll('ul li');
    var lis = Array.prototype.slice.call(lis);
    lis.sort(function(a,b){
         //return a.getAttribute("data-i")-b.getAttribute("data-i");
        // 根据data-i进行降序排序
          return b.dataset.i-a.dataset.i;
    })
    var ul =  document.querySelector('ul');
    ul.innerHTML='';
    for(var i=0;i<lis.length;i++){
        ul.appendChild(lis[i]);
    }
    </script>
    </body>
    </html>

     

  • 相关阅读:
    Linux零拷贝技术 直接 io
    纯Python模式
    c 越界 数组越界
    哈希 二叉树
    Cache busting
    sub esp
    lisp 代码即数据
    hexdump
    nmap
    对象 闭包
  • 原文地址:https://www.cnblogs.com/liubingyjui/p/12325074.html
Copyright © 2011-2022 走看看