CODEWITHSUNDEEP
jqueryposition
Mircea
Mircea

Reputation: 11593

jQuery getting element relative position

I have the following markup:

<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>

I need to create a function that will get the relative position of any span (nested or not) to the main parent - #selectable1.

I have tried to use position() but my code does not work:

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

Any tips? Thanx

Upvotes: 4

Views: 7817

Answers (1)

Sampson
Sampson

Reputation: 268324

Within the event, you refer to the current element as this, and not by the generic classname. Remember, the class .drag refers to many elements while this refers to the current element.

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

Upvotes: 5

Related Questions