私は動的にそうようにjQueryを使用してDIV追加していjQueryの

Question

で条件付きで、動的に

をdivのクラスを追加します。 "red"そうでなければ

私は以下を試してみました（バリエーション、引用符、一重引用符、二重引用符など）。

$('#content').append('<div class="tiles'+ x > 0 ? "green" : "red"+ ' m-b-10">some text</div>');`enter code here` 

私の質問は、実行可能ですか？ b）はいの場合、どうですか？

Answer 1

私がこの意志はhtmlです何

$('#content').append('<div class="tiles '+ (x > 0 ? "green" : "red")+ ' m-b-10">some text</div>'); 

Answer 2

これはあなたの探しているものですか？

$(document).ready(function(){ 
 
    var x = 5; 
 
    var color = x > 0 ? 'green' : 'red'; // Preprocess the class first 
 
    $('#content').append('<div class="tiles ' + color + ' m-b-10"></div>'); 
 
    
 
    x = -1; 
 
    var color = x > 0 ? 'green' : 'red'; // Preprocess the class first 
 
    $('#content').append('<div class="tiles ' + color + ' m-b-10"></div>'); 
 
    
 
    // For one liner solution 
 
    x = 10; 
 
    $('#content').append('<div class="tiles ' + (x > 0 ? 'green' : 'red') + ' m-b-10"></div>'); 
 
});

div { 
 
    width: 50px; 
 
    height:50px; 
 
} 
 
.green{ 
 
    background-color: green; 
 
} 
 

 
.red { 
 
    background-color: red; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="content"> 
 
</div>