javascript - 我有一组li随机打乱后，如何让其回到原来的位置？

问题描述

问 题

如题
谢谢！

解决方案

首先，这一组li在生成的时候给一下标记，比如：

<ul>
    <li index="3"></li>
    <li index="1"></li>
    <li index="2"></li>
</ul>

方法一：随机打乱以后，根据你的index值，来重新给li排序。

var html = "",li;
$('ul > li').each(function(i,item){
   li = $('ul').find('li[index='+(i+1)+']');
   html += ((i+1) == li.attr("index") ? li[0].outerHTML : '');
});
console.log(html)//<li index="1"></li><li index="2"></li><li index="3"></li>

方法二：随机打乱以后，可以将li放入数组当中，数组重新排序来实现复原。

这篇关于javascript - 我有一组li随机打乱后，如何让其回到原来的位置？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！