随机css属性为每个框应用不同的编号

Question

单击文本框两次以首先加载框

然后你会看到他们在每个负载上加载随机填充和边距但是我试图让它们在每个对象上有所不同但是我被卡住了，有人知道如何实现这个目标吗？

function randomMargin(){
        $('.box').each(function(){
            randomizeObject(this); 
        });
    }

    function randomizeObject(el){
        var randomnumber1=Math.floor((Math.random()*51)+50);
        console.log(randomnumber1);
        var randomnumber2=Math.floor(Math.random()*101 + 50);
        console.log(randomnumber2);
        $(el).css({"padding": randomnumber1+"px", "margin": randomnumber2+"px"});
    }
    randomMargin();

同时希望布局稍微更加砖砌 - 哈哈，不知道为什么它不会以更多的拼图形式进行布局

Answer 1

randomizeObject(this); 

我认为它应该是这样的：

randomizeObject($(this));