JQuery 随机数问题

最新推荐文章于 2022-08-11 17:06:49 发布
最新推荐文章于 2022-08-11 17:06:49 发布
阅读量324 收藏
点赞数 1
文章标签： javascript jquery
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Slds_Bxjtm/article/details/106853135
版权

随机排序<li>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>抽奖工具网页版</title>
    <script type="text/javascript" src="Files/jquery-1.4.1.min.js"></script>
    <script type="text/javascript">
        $(function () {

            $("ul li").each(function () {
                if (parseInt(Math.random() * 2) == 0) {
                    $(this).prependTo($(this).parent());
                }
            });
        });
    </script>
   
</head>
<body>
<div class="ispost">
    <ul>
            
        <li><div class="fanpai"><h4>111</h4></div></li>
        <li><div class="fanpai"><h4>222</h4></div></li>
        <li><div class="fanpai"><h4>333</h4></div></li>
        <li><div class="fanpai"><h4>444</h4></div></li>
        <li><div class="fanpai"><h4>555</h4></div></li>
        <li><div class="fanpai"><h4>666</h4></div></li>
        <li><div class="fanpai"><h4>777</h4></div></li>
        <li><div class="fanpai"><h4>888</h4></div></li>
        <li><div class="fanpai"><h4>888</h4></div></li>
        <li><div class="fanpai"><h4>888</h4></div></li>
        <li><div class="fanpai"><h4>999</h4></div></li>
			
    </ul>
</div>
         
</body>
</html>

发现的问题
有时候如果<li>太多的话就会出现：最后一个数值，在第一个或最后一个；

解决方案

 $(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));
            });

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

第一种方法比较容易，且写法简单。

第二种的话可以是按照个数进行随机排序，也不是太难，如果按照第二种方法是比较严谨一些，真正意义上的随机。

如果发现问题可以私聊我，谢谢；

凌晨三点的海
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
jQuery基于随机数解决中午吃什么去哪吃问题示例
10-17
主要介绍了jQuery基于随机数解决中午吃什么去哪吃问题,涉及jQuery基于事件响应及随机数动态操作页面元素相关实现技巧,需要的朋友可以参考下
jquery
qq_43174912的博客
03-20 724
2021年6月19日 1.jquery的使用方法：$(document).ready(function(){}) 2.jquery中的选择器：属性选择器 3.jquery中的基础过滤选择器：：eq表示索引值例如：$（'#olColor li:eq(1)')在id为olColor下的li标签索引为1的标签； 4.：gt（下标）表示大于索引值得标签，：lt（下标）表示小于索引值的标签，：not（内部可以放所有的选择器）表示选择除了次标签的所有标签，：even选择到所有的偶数标签，：odd选择所有的奇数标
学习使用jquery生成随机数
徊忆羽菲
12-30 3647
学习使用jquery生成随机数 <a>点击生成0-100随机数</a> <p></p> function sj() { //x上限，y下限 var x = 100; var y = 0; var rand = parseInt(Math.random() * (x - y + 1) + y); $("p").html("").append(rand); } $("a").click(function() {
jQuery随机数
E_SSY的博客
03-29 6795
$(document).ready(function(){ var x = 100; var y = 90;//随意调数字，现在是90-100以内的随机数 var rand = parseInt(Math.random()*(x-y+1)+y); console.log(rand); $('#b')...
jq实现页面随机生成若干个点点效果
qq_45560350的博客
07-16 597
11
Javascript和JQuery中常用的随机数产生函数
南鹏飞 技术博客
10-13 1万+
无论在普通Js框架或者JQuery中都可以使用的，函数如下，使用方法简介： 1）获取0-100的随机数——getRandom(100); 2）获取0-999的随机数——getRandom(999); 3）以此类推… function getRandom(n){ return Math.floor(Math.random()*n+1)} （1）生成指定位数
jQuery实现转动随机数抽奖效果的方法
10-24
主要介绍了jQuery实现转动随机数抽奖效果的方法,涉及jQuery操作随机数及页面元素的相关技巧,需要的朋友可以参考下
js生成1到100的随机数最简单的实现方法
10-15
在本篇文章里小编给大家整理了关于js生成1到100的随机数最简单的实现方法，有需要的朋友们可以学习下。
jquery随机函数
qq_29539827的博客
03-01 2056
var = rnd(1,4) ，从1-4里面随机抽取一个数 function rnd(n, m){ return Math.floor(Math.random()*(m-n+1)+n) } 字符串转int var rest = parseInt($(".major").html()) -1;
Javascript或jQuery方法产生任意随机整数
weixin_34210740的博客
06-23 484
方法１：javascritp方法 1 2 3 4 5 6 //随机数    function diu_Randomize(b,e){        if(!b &amp;&amp; b!=0 || !e){return "?";}        return Math.floor( ( Math.random() * e ) + b );...
【随机数】jQuery生成指定区间内的随机数
程序星空实验室
08-11 1204
【随机数】jQuery生成指定区间内的随机数，有时候，我们需要生成指定区间内的随机数，可以使用Math.random()方法。
jQuery中 Math.random()的用法方法>>产生任意随机整数
热门推荐
昂头天外
04-18 3万+
$(document).ready(function() {        //x上限，y下限            var x = 12;             var y = 0;               var rand = parseInt(Math.random() * (x - y + 1) + y);               $("#b").html
jquery 随机数
春天
09-12 9756
无标题文档 $(function () { function show() { var myurl = ['http://kwrc.icafe8.net/yisou/index.html', 'http://kwrc.icafe8.net/yisou/dmhao123.html', 'http://v.6.cn/ev
jq生成不重复随机数
qq_23260639的博客
05-14 5888
酒逢知己千杯少，话不投机半句多，直接上代码 代码 var arr = [];//存放随机数的数组 var arrLen = 5;//数组长度，也用来限制范围 for(var i=0; i&lt;arrLen; i++){ var radomNum = parseInt(Math.random() * arrLen) + 1;//对利用random生成的随...
JS生成指定范围内的随机数
空白_回忆的博客
07-14 1万+
JS生成指定范围内的随机数定义和用法 random() 方法可返回介于 0 ~ 1 之间的一个随机数。语法 Math.random()返回值 0.0 ~ 1.0 之间的一个伪随机数。实例 在本例中，我们将取得介于 0 到 1 之间的一个随机数： 代码如下 复制代码<script type="text/javascript"> document.write(Math.random()); </s
jQuery获取区间随机数
weixin_30580341的博客
10-16 765
1.自定义函数 function getRandom(min,max){ //x上限，y下限 var x = max; var y = min; if(x<y){ x=min; y=max; } var rand = parseInt(Math.random() * (x - y + 1) + y); return ra...
JQuery生成随机字符串
奋斗的蜗牛
11-26 1万+
// 获取长度为len的随机字符串 function _getRandomString(len) { len = len || 32; var $chars = 'ABCDEFGHJKMNPQRSTWXYZabcdefhijkmnprstwxyz2345678'; // 默认去掉了容易混淆的字符oOLl,9gq,Vv,Uu,I1 var maxPos = $chars.le
jqure实现随机数
最新发布
05-24
jQuery 实现随机数可以使用 Math 对象的方法来生成随机数。例如，要生成一个 0 到 100 之间的随机整数，可以使用以下代码： ```javascript // 生成随机整数 var randomInt = Math.floor(Math.random() * 101); ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值