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