在jQuery中获取CSS规则的百分比值

Question

在jQuery中获取CSS规则的百分比值

假设规则如下：

.largeField {
    width: 65%;}

有没有办法让‘65%’回来，而不是像素值？

谢谢。

编辑：不幸的是，在我的例子中，使用DOM方法是不可靠的，因为我有一个样式表来导入其他样式表，因此CssRules参数以下任一项结束：零或未定价值。

然而，这种方法在大多数简单的情况下都是有效的(一个样式表，多个单独的样式表声明在头文档的标记)。

Answer 1

恐怕没有内置的路。你可以这样做：var width = ( 100 * parseFloat($('.largeField').css('width')) / parseFloat($('.largeField').parent().css('width')) ) + '%';

Answer 2

这绝对是可能的！必须首先隐藏()父元素。这将防止JavaScript计算子元素的像素。$('.parent').hide();var&nbsp;width&nbsp;=&nbsp;$('.child').width();$('.parent').show();alert(width);看我的例.现在.。我不知道我是不是第一个发现这个黑客：)最新情况：单衬垫element.clone().appendTo('body').wrap('<div&nbsp;style="display:&nbsp;none"></div>').css('width');它将在</body>标记，您可能想要这样做。.remove().见单衬垫实例.我愿意接受更好的想法！