从内联css获取元素的顶级属性

Question

我的内联css有以下元素：

<div class="collection" style="top: -482px;"></div>

如何获取使用内联css设置的top值？

我知道offset，但据我所知，它会返回相对于文档的坐标，我需要的是元素指定的顶部位置。

Answer 1

要获取元素的CSS属性，请使用jQuery方法.css()。这是展示其用途的fiddle。

Answer 2

另一种方法：

  var styles = $('.collection').attr('style').split(';');
  alert(styles[0]);

我正在创建一个内联样式数组并提醒第一个。

更新：

DEMO

Answer 3

Var x = $（“。collection”）。position（）;   alert（“Top：”+ x.top +“Left：”+ x.left）;

这将给出准确的位置值。