javascript - 从元素 jQuery 获取内联 css 宽度属性

标签 javascript jquery html css

<分区>

我有这个元素:

<div class="progress xs" style="margin-bottom: 0px; height: 3px;">
    <div class="progress-bar progress-bar-green" style="width: 100%;"></div>   
</div>

我想获取内联 css 属性宽度。

我试着这样做:

$(".progress").find(".progress-bar").css('width');

应该返回“100%”但返回 638px
正如您在我的示例中所见:

console.log($(".progress").find(".progress-bar").css('width'));
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="progress xs" style="margin-bottom: 0px; height: 3px;">
    <div class="progress-bar progress-bar-green" style="width: 100%;"></div>   
</div>

有谁知道如何获取 progress-bar 元素的 100%

最佳答案

您可以直接访问元素的 style 属性来获取定义的宽度。

console.log($(".progress").find(".progress-bar").css('width'));
console.log($(".progress").find(".progress-bar")[0].style.width);
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="progress xs" style="margin-bottom: 0px; height: 3px;">
  <div class="progress-bar progress-bar-green" style="width: 100%;"></div>
</div>

关于javascript - 从元素 jQuery 获取内联 css 宽度属性,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57785983/

相关文章:

javascript - Modernizr 与 Respond.js

php - 如何让Mysql加载图片更快?

javascript - 调整窗口大小时在 chrome 中触发的 Mouseenter 事件

javascript - 拼接数组中的数据

javascript - 无法使用 Javascript 根据键名合并两个不同的数组

javascript - 如何在 Canvas 中渲染 SVG 的一部分?

Jquery焦点和模糊方法

java - Java中如何通过rhino脚本引擎评估原型(prototype)js文件

javascript - 使用 jQuery 更改单击表格行的颜色

javascript - 谷歌单词树形图最后一个 child 逐渐消失