javascript - JQuery:如何获取以相同 ID 字符开头的多个元素的特定属性类型计数？

Question

HTML:

....<span id="elem_id0" style="....color:blue...">some text</span>
....<span id="elem_id1" style="....color:blue...">some text</span>
....<span id="elem_id2" style="....color:black...">some different text</span>
....<span id="elem_id3" style="....color:blue...">some text</span>
...

我正在使用 javascript 动态更改颜色。最后，我想要统计 id 以 elem_id 开头且颜色为“蓝色”的所有元素。

我正在尝试关注。 (尝试了很多变化)。总数是正确的，但蓝色计数总是为 0。不知道为什么....

var blues = $('#[id^="elem_id"][font-color="blue"]').length;            
var total = $('#[id^="elem_id"]').length;

请提供建议。

****更新***< em>****

删除了之前的更新。失败是由于添加 attr 时的拼写错误(在颜色之前添加了空格)。因此匹配时失败(这里没有空格...)。

我现在已经完全改正了我的错误。

谢谢大家。

Answer 1

试试这个:

var blues = $('[id^="elem_id"][style*="color:blue"]').length; 

<强> jsfiddle example