javascript - 在 jQuery 中获取全局样式表的值

Question

当我在 HTML 页面范围内使用这样的样式表定义时

#sideBar {
  float: left;
  width: 27.5%;
  min-width: 275;
  ... 
}

以下代码不返回 CSS 定义宽度的值:

document.getElementById("sideBar").style.width;

在此article一个显示检索正确值的函数，当我尝试这样做时它实际上不能跨浏览器工作。所以我在 jQuery 中尝试过类似的东西但失败了。

$("#sideBar").css("width'"); // 1st trial
$("#sideBar").width(); // 2nd trial

我得到的是绝对像素宽度，不是百分比值 27.5。有没有办法也检索百分比值？

备注:与 SO 问题类似(但不相同):get CSS rule's percentage value in jQuery .

Answer 1

var width = ( 100 * parseFloat($("#sideBar").css('width')) / parseFloat($("#sideBar").parent().css('width')) ) + '%';

引用 get CSS rule's percentage value in jQuery

这是 fiddle http://jsfiddle.net/jSGTs/