jQuery – 随机排列 item

有个项目需要用到随机排列按钮,写完顺便记录下 snippet。需求大概就是一堆按钮然后随机显示就行了,还是较简单的。

先看 Demo,再贴下 js 代码:

/* @author: Alan Ouyang
 * @param: {Object} args include: *parentId{String}
 * @description: 随机显示 items
 * -------------------------------------------------------*/
function randOrd() {
    return ( Math.round(Math.random()) - 0.5 );
}
function randomItem(args) {
    var $parent = $('#' + ars.parentId),    
        $item = $parent.children(),
        itemLength = $item.length;
    if (itemLength > 1) {
        $item.remove();
        var indices = [];
        for (var i = 0; i < itemLength; i++) { indices[indices.length] = i; }
        indices = indices.sort(randOrd);
        $.each(indices, function(j, k) { $parent.append($item.eq(k)); });
    }
}
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值