分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 网页技术

jquery刷新数据随机排列

发布时间:2023-09-06 02:35责任编辑:胡小海关键词:暂无标签

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

jquery刷新数据随机排列

原文地址:https://www.cnblogs.com/li-sir/p/10557626.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved