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

一尘不染

css

假设规则如下：

.largeField {
    width: 65%;
}

有没有办法以某种方式获得“ 65％”的回报，而不是像素值？

谢谢。

编辑： 不幸的是，在我的情况下，使用DOM方法是不可靠的，因为我有一个导入其他样式表的样式表，因此 cssRules 参数最终以
null 或 未定义的 值结尾。

但是，这种方法在大多数直接的情况下都可以使用（一个样式表，文档的 head 标记内的多个单独的样式表声明）。

阅读 267

2020-05-16

共1个答案

一尘不染

恐怕没有内置的方法。您可以执行以下操作：

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

2020-05-16