【JavaScript&JQuery】原生API实现li标签随机排列

本文分享了一种使用JavaScript原生API实现li标签随机排列的方法。作者在项目中发现现有插件和源码不适用,因此自创了一个简洁的解决方案。代码注释清晰,思路简单,通过循环随机选取并删除数组元素来达到随机排列的效果。文章还提供了完全封装的方法,并邀请读者交流改进意见。
摘要由CSDN通过智能技术生成

标题图片

       最近在给我母后做一个项目,需要到随机排列li元素,看了网上好多插件还有好多源码,感觉有点儿复杂,而且和我项目并不是很友好,不方便嫁接过来,于是就自己写了一个方法,看上去还不错,就放出来分享一下。

       内容很短,而且暂时没有封装,其实封装也很简单的,但是我这儿直接写直接用的。。。就用的不是封装的套路了,废话不多说,直接代码贴起!

下面是html内容:

<div class='productsBox'>
    <ul class='products'>
        <li id='item_1'>列表1&l
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值