Question

I have the following img tag,

 <img id="image1" src="URL" alt="image1" name="image1" width="137" height="119" border="0" style="position: relative; left: -355px; top: 62px;" >

I would like to somehow, onclick, store the following items into seperate variables..

  style="position: relative; left: -355px; top: 62px;"

  var left = -355px
  var top = 62px

Is that possible? Thank you!

Answer 1

Of course this is possible, have you tried something like this:

$('#image1').on('click', function () {
    var style = 'style="' + $(this).attr('style') + '"';
    var left = $(this).css('left');
    var top = $(this).css('top');

    alert(style);
    alert(left);
    alert(top);
});

Example: http://jsfiddle.net/9ZXHX/