javascript - jquery附加对象都具有相同的左值

Question

所以我有一个 javascript/jquery 代码它将一堆 span 元素附加到主 div 容器，然后动画它们向左移动。我需要能够检测到每个 span 元素的左值，但是当我将左值输出到控制台日志时，它显示它们都具有相同的值。有任何想法吗？

http://jsbin.com/uKobuja/2/edit?html,css,js,控制台,输出

Answer 1

您正在寻找的是：http: //jsbin.com/uKobuja/11/edit

$(this).offset().left

代替

this.style.left

那是因为你的跨度是相对定位的。它们都将具有相同的左侧 css 值

Answer 2

我看到你的 js feedle 代码来查看所有跨度适用

       console.log($(this).offset().left);