Поместить текущее значение атрибута стиля в переменную

Question

У меня есть следующий динамический код. Я хочу поместить значения позиции «left» и «top» в переменные. Эти значения меняются, когда я перетаскиваю их по экрану. То, что я хотел бы сделать, - сохранить последние значения, чтобы, когда он будет уничтожен, я могу повторно использовать значения, чтобы поместить их в одно и то же место в следующий раз.

<div onmouseover="setTimer();" class="soft_add_wrapper ui-draggable" style="left: 630.5px; top: 182px;"> 

У меня есть селектор я думаю, но я немного суетливый

var xyz = $(".soft_add_wrapper ui-draggable").attr xxxxxxxxxxxxxxx 

Answer 1

Вы можете получить значения с .css(), как это:

var left = $(".soft_add_wrapper.ui-draggable").css('left'); 
var top = $(".soft_add_wrapper.ui-draggable").css('top'); 

Если это по отношению ко всему документа, и вы хотите получить общую позицию, вы можете подумать об использовании .offset(), или если вы хотите относительно родителя, .position().

Обратите внимание, что селектор .soft_add_wrapper.ui-draggable, так как вы хотите проверить оба селектора классов на одном и том же элементе, нет места.

Answer 2

Вы можете просто сделать

var offset = $(".soft_add_wrapper.ui-draggable").offset(); 

, которые затем будут доступны как:

alert(offset.left); 
alert(offset.top);