javascript - 我将如何使用 Jquery 来选择内联属性宽度值

Question

我很难在 jquery 中为 Bootstrap 中的进度条元素选择“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样板供您引用。

谢谢

Answer 1

改用过滤器。尽量不要使用属性(id 和 class 除外)作为选择器。

<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/关于某些选择器可能变慢的问题，有一些注释。值得回顾的东西。