• jquery刷新数据随机排列


    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());
                }    
        });
  • 相关阅读:
    C#面向对象 类的继承
    C#面向对象 类的封装
    C#面向对象 类
    C#面向对象 1
    盒子模型、网页自动居中、float浮动与清除、横向两列布局
    HTML格式与布局
    HTML表单 CSS样式
    HTML—标签与表格 、框架
    触发器,视图
    while 循环,存储过程
  • 原文地址:https://www.cnblogs.com/li-sir/p/10557626.html
Copyright © 2020-2023  润新知