jQuery: How to get the style attribute for "position" of an element?

Question

What is the proper mark-up in jQuery (or JavaScript) to get the style attribute "position" for an element in the DOM?

Example:

<div id="Parent">
    Parent Element
    <ul class="child">
        <li>
            <p>inner child elements</p>
        </li>
    </ul>
</div>

#Parent {
    position: relative;
}
.child {
    position: absolute;
}

$(function() {
    //  What to type here to get "style attribute position" of say #Parent?
})

Yes, I tried but somehow missed the solution. Thanks for help. — rahul0789, May 13 '13 at 19:34
@JamesMontagne I wouldn't say duplicate just simply because of the jQuery reference — SpYk3HH, May 13 '13 at 19:38
It seems a reasonable question to me as the jQuery `position()` is unrelated and also some css values have specific functions. — nicodemus13, Oct 22 '14 at 13:41

score 9 · Accepted Answer · answered May 13 '13 at 19:28

9

$('#someElementID').css('position');

answered May 13 '13 at 19:28

Adil Shaikh

score 2 · Answer 2 · answered May 13 '13 at 19:27

2

Use this, in jQuery:

$(element).css("position");

And more:

$(element).offset();
$(element).offset().top;
$(element).offset().left;

answered May 13 '13 at 19:27

1

might as well include [.position()](http://api.jquery.com/position/) reference. – SpYk3HH May 13 '13 at 19:29
The `position()` function is completely unrelated to the css value of 'position'. – nicodemus13 Oct 22 '14 at 13:40
@nicodemus13 Well, it has been like an year since this was answered. Why are you digging the post? `:)` – Praveen Kumar Purushothaman Oct 22 '14 at 13:44
Just a note, as I assumed the jQuery position function was about the css position, not the position in the window... others may think this too :) – nicodemus13 Oct 22 '14 at 13:47
It is the CSS `position` property, that has values like `absolute`, `relative`, `static`, `fixed`, etc. – Praveen Kumar Purushothaman Oct 22 '14 at 14:05

2 Answers2