首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >获取CSS规则在jQuery中的百分比值

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

Stack Overflow用户
提问于 2009-04-13 15:50:18
回答 13查看 82.8K关注 0票数 101

假设规则如下:

.largeField {
    width: 65%;
}

有没有办法拿回'65%‘,而不是像素值?

谢谢。

编辑:不幸的是,在我的例子中使用DOM方法是不可靠的,因为我有一个导入其他样式表的样式表,因此cssRules参数以null或未定义的值结束。

然而,这种方法适用于大多数简单的情况(一个样式表,在文档的head标记内有多个单独的样式表声明)。

EN

回答 13

Stack Overflow用户

回答已采纳

发布于 2009-04-13 16:09:06

恐怕没有内置的方法。你可以这样做:

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

Stack Overflow用户

发布于 2012-05-03 21:57:22

最简单的方法

$('.largeField')[0].style.width

// >>> "65%"
票数 119
EN

Stack Overflow用户

发布于 2013-11-09 15:56:15

这绝对是可能的!

您必须首先隐藏()父元素。这将阻止JavaScript计算子元素的像素。

$('.parent').hide();
var width = $('.child').width();
$('.parent').show();
alert(width);

请参阅我的example

现在..。我想知道我是否是第一个发现这个黑客的人:)

更新:

一句话

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

它将在您可能想要.remove()</body>标记之前留下一个隐藏元素。

请参见example of one-liner

我对更好的想法持开放态度!

票数 84
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/744319

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档