jQuery获取元素相对位置

Question

我有以下标记：

<div id="selectable1">
<span class="drag">Some Text</span>
<span class="drag">Some Text</span>
<span class="drag">Some Text and <span class="drag">Some Other Text</span></span>
</div>

我需要创建一个函数来获取任何span（嵌套或不嵌套）到主父级的相对位置 - ＃selectable1。

我试过使用position（）但我的代码不起作用：

$(".drag").live('click',function(){ 
var relativepos = $('.drag').position().left
alert(relativepos); 
});

任何提示？ 感谢名单

Answer 1

在事件中，您将当前元素称为this，而不是通用类名。请记住，类.drag引用了许多元素，而this引用了当前元素。

$(".drag").live('click',function(){ 
  alert( $(this).position().left ); 
});