如何仅为具有特定CSS属性值的元素添加className？

你的问题出在代码直接通过$('.heading-title').css('color')获取的是第一个匹配元素的颜色值，判断后却给所有.heading-title元素添加类，自然不符合需求。

要实现仅给颜色为rgb(168, 168, 168)的元素添加类，需要遍历每个.heading-title元素，逐个检查其颜色属性：

jQuery(document).ready(function( $ ){
  $('.heading-title').each(function() {
    if ($(this).css('color') === 'rgb(168, 168, 168)') {
      $(this).addClass('heading-title-x');
    }
  });
});

代码说明 #

• 使用.each()方法遍历所有.heading-title元素，$(this)指代当前正在遍历的元素
• 对每个元素单独检查color属性值，符合条件时才为该元素添加目标类

内容的提问来源于stack exchange，提问作者w2019s