Javascript 在JQuery中获取CSS值

我正在使用JQuery尝试从css中获取

top

的值

然而，我读到很多东西说，

$（'modal'）.css（'top'）

将返回一个字符串“40”，它实际上是在重新运行“40px”

有没有办法把它转换成整数格式。该组件尚未在页面上呈现，我正在尝试查找默认位置，以便使用JS进行设置。这意味着position（）.Top=0等。

您可以使用它来执行此操作

$('modal').position().top

如果这在您的情况下不起作用，您可以使用

parseInt（）

或

parseFloat（）

，因为某些浏览器会在某些情况下为您提供像素的分数部分。

使用

parseInt($('.modal').css('top'), 10);

工作

<>不考虑PX或任何

---

我希望模型是类或id，而不是空的

一个解决方案涉及正则表达式替换和转换为数字：

var topInt = Number($('modal').css('top').replace(/px$/,''));

---

是否有可能将

top

值返回除十进制以外的任何值？我尝试了这个方法，结果返回“NaN”。模态是传递到函数中的元素，因此ti始终指向正确的元素。问题是我复制了您的代码，忘记从模态位中删除“”，而我的是声明的变量。愚蠢。这是我将使用的解决方案，因为它有点整洁。Cheers@RyanDurrant，谢谢，如果答案能解决你的问题，你也可以投票。干杯！组件是一个弹出窗口，但尚未呈现，因此返回0。@alex您认为您可以帮助我解决这个问题吗？您正在将字符串传递给

replace（）

，而不是正则表达式，因此

$

将被逐字处理。