使用原生js和jquery 对 ul 中的li进行随机排序
2017-06-23 14:38
471 查看
html代码:
javascript代码:
jquery代码:
<ul id="foo"> <li>1</li> <li>2</li> <li>3</li> <li>4</li> </ul>
javascript代码:
var ulEle = document.getElementById("foo"); var liList = ulEle.getElementsByTagName("li"); var leng = liList.length; var lis = Array.prototype.slice.call(liList, 0); var idx = leng; while(idx-- > 0) ulEle.insertBefore(lis[idx],lis[parseInt(Math.random() * lis.length)])
jquery代码:
$("#foo li").each(function(){ if(parseInt(Math.random()*2)==0){ $(this).prependTo($(this).parent()); } });
相关文章推荐
- 对html或jsp文章列表页面进行js分页,结合使用apache的url Rewrite和jquery
- wordpress优化 使用SAE提供的jquery.js替代wordpress原生的
- ul li a active jquery.cookie.js
- 使用jQuery或者原生js实现鼠标滚动加载页面新数据
- Jquery和JS获取ul中li标签
- 利用JQuery对被隐藏的列表(ul)元素(li)强制进行滚动(Scroll)的办法
- 使用Jcrop.js和jQuery.form.js,用ImageIO等进行头像上传缩放及裁剪
- 使用UL LI进行列表是height:100%造成的IE兼容模式与极速模式显示样式
- 使用原生JS实现jQuery的addClass, removeClass, hasClass函数功能
- 9.使用原生js实现类似于jquery的动画
- 使用jquery.jqprint.js 实现的打印功能,IE9不能进行打印预览、火狐打印空白界面
- 习惯了使用jQuery的ajax方法,看看原生js使用xmlhttpRequest实现ajax请求
- 使用jQuery.makeArray() 将多种类型转换成JS原生Array
- wordpress优化第二招 使用SAE提供的jquery.js替代wordpress原生的
- 如何使用jquery对特殊字符进行转义,防止js注入
- jquery另一种全选,全不选,反选的方式(与原生js混合使用)
- 使用jquery对特殊字符进行转义,防止js注入
- JS使用JQuery进行验证
- 使用jquery获取ul的li的值赋值
- 使用jquery.cookie.js实现记住用户信息(下面以web的记住登录名和密码为例进行说明)