jQuery - 找出 CSS 中指定的元素的宽度(例如,如果它是在 %age 中指定的,则在 %age 中,而不仅仅是在 px 中)

标签 jquery css dimensions

类似这个问题: get CSS rule's percentage value in jQuery

但是,我正在编写一个插件,它需要根据最初指定宽度的方式优雅地处理它。如果元素最初是以像素为单位指定的,那很好,因为这是 .width().innerWidth()outerWidth().css('width') 返回。

但我想知道它是否是原始设置的百分比。这样一来,如果容器元素调整大小,我就知道要重新计算我在元素上设置的宽度。

这可能吗?我唯一能想到的就是尝试遍历 document.stylesheets 寻找相关规则,但我认为一般来说这或多或少是不可能的。还有其他想法吗?

谢谢!

最佳答案

似乎 .css('width') 对我有用。

展示这个作品的小例子:

<html>
<head>
  <script src="http://code.jquery.com/jquery-latest.min.js"></script>
</head>
<body>

<div style="width:10%;" id="foo"></div>
<script>
alert($("#foo").css('width'));
</script>

</body>
</html>

这给了我“10%”的输出。希望我没有遗漏任何明显的东西。

关于jQuery - 找出 CSS 中指定的元素的宽度(例如,如果它是在 %age 中指定的,则在 %age 中,而不仅仅是在 px 中),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3537388/

相关文章:

php - 使用 jQuery 时出现 "Form is not defined"错误

jquery - 在 Fancybox 中自动播放 HTML5 视频

html - Controller 和函数如何使用 .emit 在两个单独的文件之间进行通信,以及如何在 AngularJS 中告诉 Controller 层次结构?

Pythonic 方式在不丢失维度的情况下建立索引

javascript - 是否可以延迟加载 Jquery(不是插件)?

html - 使用 CSS 将所有 html 元素(整个页面)旋转 90 度?

html - Bootstrap 4 嵌套折叠样式问题

amazon-redshift - 柱状数据库中的数据建模与多维报告的数据建模

math - 回归公式中矩阵维数不匹配

jquery - 真正简单的 jQuery 滑动照片