javascript - 随机 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));