jquery刷新数据随机排列

最新推荐文章于 2024-07-26 20:46:33 发布

weixin_30591551

最新推荐文章于 2024-07-26 20:46:33 发布

阅读量195

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/li-sir/p/10557626.html

版权

jquery 随机排列<li> 在线等急。。。

ul里有六个li 每次刷新 li 的顺序就随机排列一次求大神指点.....

代码如下：不会插入代码只能截图了

<!DOCTYPE HTML>
<html>
<head>
<meta charset=UTF-8>
<meta name="keywords" content="白菜编辑部">
<title>白菜编辑部</title>
<style type="text/css">
</style>
<script type="text/javascript" src="jquery-1.8.0.min.js"></script>
<script type="text/javascript">
    jQuery (function ($)
    {
        var p = $ ('div.icList>ul.aaa');
        var array = p.children ('li');
        array.sort (function ()
        {
            var rand = Math.random ();
            if (rand > 0.5)
            {
                return 1;
            }
            else
            {
                return -1;
            }
        });
        array.each (function (i, dom)
        {
            p.append ($ (this));
        });
    });
</script>
</head>
<body>
    <div class="icList">
        <ul class="aaa">
            <li>111111</li>
            <li>222222</li>
            <li>333333</li>
            <li>444444</li>
            <li>555555</li>
            <li>666666</li>
        </ul>
    </div>
</body>
</html>

还有一种方法没试过也分享下

$(".aaa li").each(function(){
            if(parseInt(Math.random()*2)==0){
                $(this).prependTo($(this).parent());
            }    
    });

转载于:https://www.cnblogs.com/li-sir/p/10557626.html

weixin_30591551

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jquery刷新数据随机排列

jquery 随机排列<li> 在线等急。。。ul里有六个li 每次刷新 li 的顺序就随机排列一次求大神指点.....代码如下：不会插入代码只能截图了<!DOCTYPE HTML><html><head><meta charset=UTF-8><meta name="keyw...
复制链接

扫一扫