jQueryでスタイルの値がない場合に新たなスタイルを追加したい

Question

HTMLに直書きのスタイルに値（この場合はcolorの値）がない場合に新たなスタイルを追加させることは可能でしょうか？

<h1 style="color: #ffff;">テキスト</h1>　← colorの値があるのでスタイルを追加させない
<h1 style="color: ;">テキスト</h1>　     ← colorの値がないので新たにスタイルを追加させたい

以下のようにcolorの値があるかないかを.lengthで判定しようと試してみたのですがうまくいきませんでした。

$(function(){
    if(!($('h1').css('color').length)){
        $('h1').css('background','#ff0000');
    }
});

何かよい方法がありましたらばご教授いただけますでしょうか。

Comments

[m.ts10806]

値だけではなく指定すらない場合も考慮しますか？

[kei344]

style属性以外で指定されている値も考慮するのでしょうか。

[cp_cop]

mts10806さん
スタイルのcolorは必ず指定されています。colorの値がない場合のみの状況を想定しています。

[cp_cop]

kei344さん ＞”style属性以外で指定されている値”とはどのようなことでしょうか？

[kei344]

<link rel="stylesheet" で指定するCSSファイル内に記載されている物とかです。

[cp_cop]

kei344さん　すいません、説明が足りませんでしたね。この場合、stylesheetにはh1のcolorは指定していない状況を想定していました。

Answer 1

    $('h1').each(function(index, element) {
        if (element.style.color === '') {
            $(element).css('background', '#ff0000');
        }
    });

Comments

[cp_cop]

ご回答いただきありがとうございます。
教えていただきましたコードで無事希望通りのことができました。
悩んでいたのでとても参考になりました。
ありがとうございました。

Answer 2

スタイルシートはCSSでやったほうがよいです

Comments

[cp_cop]

ご回答ありがとうございます。
その通りなのですが、一時的に対策をしたいために質問させていただきました。