Найти значение поля Div

Question

Я хочу, чтобы иметь право щелкнуть Div, а затем найти его значение маржи. Div создаются так.

// создать пространства //

var addLeft=75; 
var addTop=105; 
var vert = 1; 
var horz = 1; 
var selectedunit = ""; 

for (var i = 1; i<26; i++) { 
    $("#background").append("<div class='areas' id = 'space" + vert + horz + "' style ='position: absolute; LEFT: " + addLeft + "px; Top:" + addTop + "px'></div>"); 

    if (addLeft < 600) { 
     addLeft += 150; 
     vert+=1; 
    } else { 
     horz+=1; 
     addTop += 150; 
     addLeft = 75; 
     vert=1; 
    } 
} 

И я пытаюсь найти маржу Div с этим.

$('.areas').mousedown(function(e) { 
    if(e.button === 2){ 
      var style = window.getComputedStyle(this); 
      var futureleft = style.marginLeft; 
      $('#Status').append(futureleft); 
     } 
    }) 

Состояние - это только поле, которое должно дать мне левое значение Div, но оно всегда дает 0PX. Какие-либо предложения?

Answer 1

Поскольку вы используете JQuery, почему бы не сделать

var futureleft = $(this).css("marginLeft"); 

Answer 2

Вы не устанавливать какой-либо запас. Вы присваиваете left значение:

"LEFT: " + addLeft + "px; 

Но просить значения marginLeft, который не был определен в сгенерированных дивы:

var style = window.getComputedStyle(this); 
var futureleft = style.marginLeft; 

Либо установить margin-left на сгенерированных дивы, или вы запрашиваете правильное свойство:

var style = window.getComputedStyle(this); 
var futureleft = style.left;