javascript - 我可以在 rails 中的 javascript 中使用 CSS 属性值吗？

Question

假设我在 CSS 中有一个 .box 类:

.box
{
   height: 50px;
}

现在，我使用 javascript 允许用户展开框并再次缩小它。目前我有在 javascript 中硬编码的框高度值(即 50 像素)。

我想知道是否有一种方法可以让我的 javascript 代码访问 CSS 中定义的框类的高度属性，这样如果我将 CSS 中的高度更改为 100px，我就不必去手动更改javascript中的相应变量

顺便说一句，我正在使用 rails3 和 jquery

Answer 1

使用 jQuery 这很容易，尽管您必须使用一些技巧来解决 jQuery 的 height() 的事实。函数返回 50px 而不是 50。

只是为了获取对象的高度，试试这个:

$(".box").height();

它不会屈服于我上面提到的问题。以下示例执行并修复了它。它也可以用于所有其他 CSS 属性。

var boxHeight = $(".box").css("height").replace("px", "");

文档 here .