js 根据data-i 降序排列
2024-08-25 05:58:05
<!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>
最新文章
- Mina入门实例(一)
- Hibernate QBC运算符
- Win2012R2的一个Bug---安装群集后可能引发的软件崩溃问题及相应补丁
- 防止被dylib hook的小技巧
- android MotionEvent中getX()和getRawX()的区别
- messages exchanged between the client&#39;s and server&#39;s computers will never be lost, damaged, or received out of order. [1]
- commons-logging的使用
- Web.config中设置启用webservice远程调试访问
- map的infowindow的show事件(ArcGIS API for JS)
- spark rdd df dataset
- spring事务详解(五)总结提高
- 原子类型的使用&;Unsafe&;CAS
- QLabel设置文字大小和颜色
- Linux实验楼学习之三
- 20145101《Java程序设计》第6周学习总结
- html中一些常用标签及属性
- Spring整合Quartz定时发送邮件
- linux下搭建禅道项目管理系统
- “我爱淘”第二冲刺阶段Scrum站立会议7
- 我在Facebook学到的10个经验