如何实现随机排序输出，用js解决
<ul><li>苹果</li><li>桔子</li><li>香蕉</li><li>石榴</li><li>桃子</li><li>菠萝</li></ul>以上如何实现随机排序...
<ul >
<li >苹果</li>
<li >桔子</li>
<li >香蕉</li>
<li >石榴</li>
<li >桃子</li>
<li >菠萝</li>
</ul>
以上 如何实现随机排序输出，用js解决。就是每刷新一次，水果的名称排序都是随机的。 展开
<li >苹果</li>
<li >桔子</li>
<li >香蕉</li>
<li >石榴</li>
<li >桃子</li>
<li >菠萝</li>
</ul>
以上 如何实现随机排序输出，用js解决。就是每刷新一次，水果的名称排序都是随机的。 展开
1个回答
展开全部
<head>
<script type="text/javascript">
window.onload=function()
{
var arr = new Array(1,2,3,4,5,6);
var ul = document.getElementsByTagName('ul')[0];
var len1 = arr.length;
var len = len1;
var index = parseInt(Math.random()*(len1));
for(var i=0;i<len1;i++)
{
ul.appendChild(ul.children[index]);
arr.pop(index);
len = arr.length;
index = parseInt(Math.random()*(len));
}
};
</script>
</head>
<body>
<ul>
<li>苹果</li>
<li>桔子</li>
<li>香蕉</li>
<li>石榴</li>
<li>桃子</li>
<li>菠萝</li>
</ul>
</body>
追问
非常感谢，能否多问一句，那段js代码能否用jquery的写法写?如果用jquery写，又该如何写?
追答
jQuery(function($){
var ul = $('ul').eq(0);
var arr = new Array(1,2,3,4,5,6);
var len1 = arr.length;
var len = len1;
var index = parseInt(Math.random()*(len1));
for(var i=0;i<len1;i++)
{
ul.append($('ul li').eq(index));
arr.pop(index);
len = arr.length;
index = parseInt(Math.random()*(len));
}
});
=======================================================
jQuery(function($){
var arr = $('ul li').toArray();
var len = arr.length;
var rand = parseInt(Math.random()*(len));
$('ul li').each(function(i){
$('ul').append($('ul li').eq(rand));
rand = parseInt(Math.random()*(len));
});
});
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
