javascript - 随机的CSS属性将不同的数字应用于每个框

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

然后，您会看到它们在每次加载时都带有随机填充和边距，但是我试图使它们在每个对象上都不同，但是我被困住了，有人知道如何做到这一点吗？

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();

还希望布局稍微砖石结构-哈哈，不确定为什么不以拼图形式布置

最佳答案

randomizeObject(this);

我认为应该是这样的：

randomizeObject($(this));