position is not working when the containing element is inside table - jquery

When my containing element(div) is inside <td>, and If i use position(), It is not re开发者_JAVA百科turning the position relative to td. instead it returns position relative to <tr>.

Why this is happening? Any workaround for this?

position() returns the offset difference between the current element, and the closest offset parent.

If you want to get the position relative to the direct parent, use:

var element = $("div"); //Selector
var offset = element.offset().top - element.parent().offset().top;

You need to set the position CSS property of the <td> to relative:
In your css file:

table td { position:relative; }