«If» и css property

Question

Я хочу сделать действительно простую вещь. Я хочу изменить цвет текста в «синем», если текст имеет цвет «красный». Я пробовал этот код, но он не работает.

$(function(){ 
if ($('h1').css('color') == 'red'){ 
    $('h1').css({'color': 'blue'}); 
} }); 

Спасибо за вашу драгоценную помощь!

Answer 1

DEMO

$(function(){ 
if ($('h1').css('color') == 'rgb(255, 0, 0)'){ // check visibility 
    $('h1').css('color','blue'); 
} }); 

вы также можете попробовать

https://github.com/jquery/jquery-color

Answer 2

Если вы не используете JQuery для больше, чем этой проблемы, то вот простой JS пример, чтобы сэкономить несколько килобайта

(function() { 
    var headings = document.getElementsByTagName("h1"); 

    for (var i = 0, len = headings.length; i < len; i++) { 
     if (headings[i].style.color === "red") { 
      headings[i].style.color = "blue"; 
     } 
    } 
})();