javascript - jquery实现点击按钮随机改变页面中图片的src

Answer 1

写的有点繁琐，好多循环。即使是$.inArray，底层实现还是循环。其实你需要解决的问题就是 生成N个不重复的随机数，关于这个问题应该有很多巧妙的先例了，搜索下吧。

Answer 2

 $(function () {
    //模拟后台获得图片数据
    var picData={
        src:["images/0.jpg","images/1.jpg","images/2.jpg","images/3.jpg",
        "images/4.jpg","images/5.jpg","images/6.jpg","images/7.jpg","images/8.jpg"]
    };
    // li 
    var $oLi=$(".gallery li");    
    var ranArr=[];
    $("button").click(function() {
        // 存放打乱后的数组
        ranArr = picData.src.sort(function(a,b){ return Math.random() -0.5; });
        $oLi.each(function(idx){
             ranArr[idx] && $('img',this).attr('src', ranArr[idx] );
        })
    });   
});

Answer 3

https://www.zhihu.com/question/41642706