如何使用Jquery来选择内联属性宽度值

How would i use Jquery to select inline property width value

本文关键字：属性 何使用 Jquery 选择      更新时间：2023-09-26

我很难在jquery中为bootstrap中的progressbar元素选择"style=：width:10%"值。

<div class="progress-bar progress-bar-info" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" style="width: 10%;"> <span class="sr-only">0% Complete</span> </div>

这是我迄今为止尝试过的$(".progress-bar[style*=width]");，但它返回了整个div

我的目标是以这个值为目标，并通过Ajax更改它。

这里有一个jsfiddle样板文件供您参考。

感谢

请改用筛选器。尽量不要使用属性（除了id和类）作为选择器。

<div class="progress-bar progress-bar-info" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" style="width: 10%;">

脚本：

$('.progress-bar').filter(function(){ return $(this).css('width') === "10%"; });

http://learn.jquery.com/using-jquery-core/selecting-elements/有一些关于这方面的注意事项，其中提到了对某些选择器可能较慢的担忧。值得回顾的东西。

尝试如下操作。

获取宽度

var width = $(".progress-bar")[0].style.width;

设置宽度

$(".progress-bar")[0].style.width = '90%';
相关文章：