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;

Pl建议.

****更新*******

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

我现在纠正了我的错误.

对所有人来说.

Answer 1

试试这个:

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

jsfiddle的例子