使用javascript为每个wordpress帖子应用交错和随机的左/右位置

因此，我试图让WordPress网站上的每个帖子（.card）错开，一些在左边，一些在右边，这是一个随机数量，并在刷新页面时改变

这就是我使用JavaScript代码尝试做到这一点的地方：

//random position 

$(document).ready(function () {
    $('.card').each(function () {
        $('.card').css({
            'left': (Math.random() * 900) + 50
        })
    });
});

我认为我没有正确使用“每个”方法？它随机地将它们放置在左/右位置，但它对所有帖子应用相同的距离，而不是每个帖子都位于不同的距离

---

我在这里哪里出错了？

请尝试以下内容，并从中了解有关此关键字的更多信息

使用

$（this）.css

<代码>在

中循环时，此

将表示每个项目。每个

$(document).ready(function(){
  $('.card').each(function() {
    $(this).css({'left' : (Math.random() * 900) + 50})
  });
});