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

HTML:

Pl建议

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

删除了以前的更新。失败的原因是在添加属性时输入错误，在颜色之前添加了一个空格。因此，当这里没有匹配空白时，它失败了

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

---

这是因为元素上没有属性字体颜色

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

请尝试以下方法：

var blues = $('[id^=elem_id]').filter(
  function() {
     var color = jQuery(this).css("color");
     return color==="rgb(0, 0, 255)" || color==="blue";    
  }
);
console.log(blues.length);

---

尝试使用过滤器。。见下文

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

---

演示：

使用类而不是style属性将大大减少这一过程的痛苦。嗨，Jason，我确实尝试使用类添加和删除来更改它。css文件中的内置类颜色为蓝色。类的添加和删除工作正常。但计数仍然显示为零。当我试图计算我为蓝色构建的特定类时。$'[id^=elem_id][class=color_blue]'。长度；我得到0thx。我看它是正确的，而且很管用。但在我的文件中，它失败了。。。。这似乎与将动作绑定到元素有关。我已经更新了我的帖子，pl check。泰。

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

$('span[id^=elem_id]').filter(function () {
    return this.style.color == 'blue';
}).length