在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 width = $('.child').width();$('.parent').show();alert(width);

看我的例.

现在.。我不知道我是不是第一个发现这个黑客：)

最新情况：

单衬垫

element.clone().appendTo('body').wrap('<div style="display: none"></div>').css('width');

它将在</body>标记，您可能想要这样做。.remove().

见单衬垫实例.

我愿意接受更好的想法！