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>

Мне нужно создать функцию, которая получит относительную позицию любого диапазона (вложенного или нет) для основного родителя - # selectable1.

Я пытался использовать position (), но мой код не работает:

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

Есть советы? Thanx

Answer 1

Внутри события вы ссылаетесь на текущий элемент как this, а не на общее имя класса. Помните, что класс .drag относится ко многим элементам, а this относится к текущему элементу.

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