急：js或者jquery实现li随机排序

JavaScript016

急：js或者jquery实现li随机排序,第1张

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

</head>

<body>

<ul id="getmyid">

<li>苹果</li>

<li>桔子</li>

<li>香蕉</li>

<li>石榴</li>

<li>桃子</li>

<li>菠萝</li>

</ul>

<script type="text/javascript">

var ul = document.getElementById("getmyid"),

lis = Array.prototype.slice.call(ul.childNodes, 0)

var i = lis.length

while(i-- > 0)ul.insertBefore(lis[i], lis[parseInt(Math.random() * lis.length)])

</script>

</body>

</html>

给你个原生代码的，直接用保存就可以用了，原理就是，随机把原来的 li 插入到另一个 li 前面，每个都执行一次。代码很简单，比他们用了 jQuery 的都少，应该好理解了

例子代码：

<script language=javascript>

var str="苹果|20.香蕉|30.葡萄|50.桃子|18"

var arr=str.split('.')

for (i in arr) arr[i]=arr[i].split('|')

//下面的语句验证结果

for (i in arr) document.writeln(arr[i][0],arr[i][1],'<br>')

</script>