2016-11-15 3 views
-4

)前に、私はGoogleとStackoverflowの両方のソリューションを検索しようとしましたが、何も助けられませんでした。X = Yかどうかを確認します(はい、aplly CSS on Z div

非常にシンプルですが、私は自分でそれを行うには資格も十分ではありません。 X = Yかどうかを確認する方法(jQueryかどうか)を探していますが、その場合はZで特定のクラスを適用してください。

ご存知ですか? ありがとう!

+0

それは非常に厳しい世界私の友人! –

+0

私はいくつかのウェブサイトで見つけた複数のコードを試しました - Stackoverflowを含む - しかし何も働いていません。 :l – mSyx

+0

@mSyxあなたは良い答えがありますが、依然としてjqueryを使用するには、コードにjquery minファイルを追加することを忘れないでください。 –

答えて

1

それは(jQueryを使用)私の友人は非常に簡単です、あなたはそれを試してみる必要があります。

var A = 1; 
 
var B = 1; 
 
if(A == B) { // Matching the conditions (if they are equal) 
 
    // If they are equal, then add a class using jQuery's addClass Method! 
 
    $('.Z').addClass('myClass'); 
 
}
.myClass{ 
 
    color: red; 
 
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<!---- HTML Code -----> 
 
<div class="A">A</div> 
 
<div class="B">B</div> 
 
<div class="Z">Z</div>

をjQueryのaddClass()方法は、各 に指定されたクラス(複数可)を追加します要素と一致する要素のセット内の要素。

+1

「大丈夫だけどどうやってやるの?」3 ... 2 ... 1 ..... –

+1

@SaumyaRastogiはjqueryリンクを含むほうがいいので、jqueryの部分がどうなのか混乱することはありません走っていない。 –

+0

私はCSSとHTML、JS/jQueryの経験があるので、どのように動作するのか理解できるはずです。 :> 私は次のことができると思ったが、うまくいった。私はできません。 ** div Xの属性の値がdiv Y?** – mSyx

0

あなたはあなたがaddClass()を使用してjQueryのでclassを通じてcssを追加することができますjQueryの

  1. ことによってそれを追加することができる2つの方法があります。

    if(X== Y) 
    { 
        $("#Z").addClass("yourclass") 
    } 
    
  2. あなたは直接ですから、このような何かをミーンcss()

    $("#Z").css("color","red") 
    
0

を使用してjqueryの中でそれを追加することができますか?

<div id="some_id" class="Some classes"></div> 

<script type="text/javascript"> 
$(document).ready(function() { 
    var choose = 'Y'; 
    if(choose == 'Y') { 
     $("#some_id").addClass("className"); 
    } 
}); 
</script> 
関連する問題