Jquery get css attribute top not working

Question

I am trying to get top and left attributes from element on page with jquery but it's not working.

Can you tell me how it's possible?

Thanks for any response

HTML code:

<div style="position: absolute; left: 370px; top: 0px;">
    <img class="name" src="image.jpg"/>
</div>

JQuery code:

$('body').on('click', '.name', function(){
    top = $(this).parent().css('top');
    left = $(this).parent().css('left');
    alert("Top: " + top + ",Left: " + left);
});

JQuery response:

Top: [object Window],Left: 185px

Remember, window also has a top property :) A good reminder that you should use descriptive variable names and avoid global variables — CodingIntrigue
– CodingIntrigue, Commented Apr 11, 2014 at 11:39

CodingIntrigue · Accepted Answer · 2014-04-11 11:40:23Z

3

top = $(this).parent().css('top');

This is pulling back the readonly window.top property which cannot be assigned to. Either scope the top variable, or give it a more relevant name:

$('body').on('click', '.name', function(){
    var top = $(this).parent().css('top');
    var left = $(this).parent().css('left');
    alert("Top: " + top + ",Left: " + left);
});

jsFiddle

answered Apr 11, 2014 at 11:40

CodingIntrigue

79k32 gold badges176 silver badges178 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Jquery get css attribute top not working

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related