javascript - CSSの背景色が白かどうかを確認するには?

Question

私はこれを必要とする：

$('*').each(function() {
        if($(this).css("background-color") == "#ffffff") {
           $(this).css("background-color") == "#000000"
        }
    });​​​​

クラスのオンクリックで動作します。

Answer 1

たとえそれが正しかったとしても (そうではありません)、信頼性が低く、機能しない可能性があります。その理由は、白色を表示する方法がいくつかあるからです。

• white
• #ffffffおよびその 64 通りの組み合わせすべて
• #fffおよびそれらの 8 つのケースの組み合わせすべて
• rgb(255,255,255)および値間の任意の空白のすべての ∞ の組み合わせ
• rgba(255,255,255,1)および値間の任意の空白のすべての ∞ の組み合わせ

次の方法で確認できます。

if( $(this).css("background-color").match(/^(?:white|#fff(?:fff)?|rgba?\(\s*255\s*,\s*255\s*,\s*255\s*(?:,\s*1\s*)?\))$/i))
    this.style.backgroundColor = "#000";