Javascript 如何使用jQuery以不同的方式定位具有类标识符的每个元素？

我使用简单的pie拉入两个RSS提要，然后使用PHP foreach循环为每个提要帖子添加一个.pin。我想定位它们，使每一个看起来比前一个低30像素。以下是我目前的尝试：

$( document ).ready(function() {
        for (x = 0; x < i; x++) {
            var position = 0;
            $('.pin').eq( x ).css('top', position + 'px');
            position = position + 30;
        };
    });

$（文档）.ready（函数（）{
对于（x=0；x

这不起作用，它们只是在页面顶部彼此重叠出现

---

任何帮助都会很好，提前谢谢

循环的每个迭代的位置都是相同的，您的分配顺序是错误的，最后，

i

找不到

我想你可能在找这个。考虑到

i

是有效的

        var position = 30 * x;
        $('.pin').eq( x ).css('top', position + 'px');

---

所有迭代的位置值均为零。在循环开始之前移动该行

删除

i

和

for

。由于您使用的是jQuery，请充分利用

。每个
：

var position = 0;
$(".pin").each(function () {
    $(this).css('top', position + 'px');
    position += 30;
});

每次迭代都将
位置设置为0。移动
var位置=0在循环上方。