Javascript: Printing class attributes

Question

I got a class in css :

img {
    position: relative;
    left: 0;
    top: 0;
}

and an img in the HTML body. I can move the img with my JQuery/Javascript code:

 $('img').animate({left: "-=20"}, 'fast');

Now I want to print out the attribute 'left' from my img class. Any Suggestions how to do that? My window.alert($('img').left) does not work. Thanks

score 2 · Accepted Answer · answered Jan 28 '15 at 22:12

2

To change a certain css attribute, use

$('foo').css('bar', '42');

To access a certain css attribute, use

$('foo').css('bar');

Thus, to answer your question:

window.alert($('img').css('left'));

To learn more: http://api.jquery.com/css/

answered Jan 28 '15 at 22:12

taesu

4,482
4
23
41

Thanks a lot. Helps me out very well – FrontMobe Jan 29 '15 at 15:04
Don't forget to select an answer that was helpful – taesu Jan 29 '15 at 15:15
Done. By the way I got another question. Whats the difference between .css and .animate? – FrontMobe Jan 29 '15 at 20:03

score 0 · Answer 2 · answered Jan 28 '15 at 22:15

0

You can use the css method to read the style.

I suppose that you want to get the position after the animation has completed:

$('img').animate({left: "+=20"}, 'fast', function(){
  window.alert($('img').css('left'));
});

answered Jan 28 '15 at 22:15

Guffa

687,336
108
737
1,005

Javascript: Printing class attributes

2 Answers2