Add a className if the className has specific CSS property values

Question

So far I've tried this code:

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

This code adds the class name to each class with "heading-title". But I need to add the class name which only has this specific CSS property value.

You'll need to loop through $(".heading-title").each..., check each one then use $(this).addClass - you can't use this with your code as-is, only inside an each — fdomn-m
– fdomn-m, Commented Sep 28, 2022 at 10:47

w2019s · Accepted Answer · 2022-09-28 13:26:26Z

1

Maybe you can try to see each element on document ready.

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

(edited)

edited Sep 28, 2022 at 13:26

w2019s

32 bronze badges

answered Sep 28, 2022 at 10:53

Fllopis

896 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Add a className if the className has specific CSS property values

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related