javascript - 按类名仅更改所有元素的左偏移量

Question

假设我有很多类名为 .leftItem 的元素，它们都与文档顶部有不同的偏移量。

我想将所有元素的左 偏移设置为零。我研究了 jQuerys offset() 方法，它只接受 left 和 top 的参数。

因此，$('.leftItem').offset({top: $(.leftItem).offset().top}, left: 0}); 将所有元素置于相同的顶部偏移量，我只想设置左边。

完成此任务的最简单方法是什么？我是否必须为每个元素设置一个唯一的 ID 并存储每个单独的顶部偏移量的值？

编辑: 我试过使用 $(this).offset().top 但它返回 undefined.. 我相信这是因为我在内部使用它处理程序

$scope.onSwipeRight = function(){

      $(".leftFade").offset({ top: $(this).offset().top, left: 0});

}

Answer 1

在 jQuery 的 each() 中使用 this:

$('.leftItem').each(function() {
    $(this).offset({top: $(this).offset().top, left: 0});
});

http://codepen.io/anon/pen/QbgRxx