如何获得div的坐标？

Question

我已经使用jQuery UI库在网页中拖动div。拖动时，div改变它的位置并修改CSS位置，顶部和左侧属性。

我的问题是：

1）是他们的JavaScript的方式来获得CSS属性的值，并保存在一个变量（这样我可以提交给XML）？这些CSS属性是在拖动div时实时创建的。

2）我能否至少读取网页上div的新坐标？

我的目标是记录这些值，以便下次用户登录时，保留它们的修改版本的网页。

Answer 1

您可以使用jQuery轻松获取元素的偏移量。

var offset = $("#some-element").offset(); 

// Alert the values 
alert("top: " + offset.top+ "left: " + offset.left); 

Answer 2

要读取坐标相对于所述视口中，使用offset()：

var offset = $('#someitem').offset(); 
console.log('top: '+offset.top+'; left: '+offset.left); 

要读取坐标相对于最近定位的祖先，使用position()：

var pos = $('#someitem').position(); 
console.log('top: '+pos.top+'; left: '+pos.left); 

要获得CSS属性，只需使用css()函数：

console.log($('someitem').css('top'));