jquery - 別の CSS プロパティ (色) が存在する場合の CSS プロパティの追加 (上)

Question

jQueryを使用して、そのdivに別のCSSプロパティが存在することを考慮して、divのCSSに追加しようとしています。これはアルゴリズムです：

#div1プロパティがの場合は、にもcolor:red追加top: -10px;し#div1ます。

これは私が試したことです：

if ($('#div1').css('color') === 'red') {
    $("#div1").css("top","-10px");
}

誰でも私のエラーを見つけることができますか?

注: との両方を処理する CSS クラスを追加するcolorことをおtop勧めしますが、Web サイトのスタイルシートを編集できません。

score 4 · Accepted Answer

投稿されたコードに構文エラーはありません。cssメソッドはrgb値を返します。

if ($('#div1').css('color') === 'rgb(255, 0, 0)') {

ただし、色をチェックする代わりに、要素にクラスを追加してhasClassメソッドを使用できます。

.error {
   color: red;
}

if ( $('#div1').hasClass('error') ) {

score 3 · Accepted Answer

これは、色をさまざまな方法で表現できるためです。rgb(255,0,0)、「赤」、#f00 など

score 0 · Accepted Answer

CSS カラーは RGB 値として返されます。

あなたはこのフィドルのようにすることができます

if ($('#div1').css('color') == 'rgb(255, 0, 0)') {  
    $("#div1").css("color","blue");
}

明らかな変更のために、出力を青に変更したことに注意してください。

ブラウザに依存しているかどうかわからないので、クラスを div に追加し、色をチェックする代わりに #div1 にそのクラスがあるかどうかを確認することを強くお勧めします。

score -2 · Accepted Answer

テストされていませんが、正しい構文にはコロンと中括弧が必要です

if ($('#div1').css('color') === 'red') {
    $("#div1").css({"top":"-10"});
}

4 に答える 4