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

Question

如题
谢谢！

Answer 1

首先，这一组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放入数组当中，数组重新排序来实现复原。

Answer 2

打乱数据不是容易处理点么。。

Answer 3

你可以用2个一样的数组只打乱其中一个啊

Answer 4

点踩的是啥意思？我的思路有什么问题吗？

---

在打乱之前在dom上绑定对应的索引。