2017-12-29 22 views
-2

こんにちは皆、私はいくつかの条件ループに基づいて異なるCSSクラスを使用して私のプロジェクトのiamのCSSとjQueryに新しいです。cssクラスをjquery変数に割り当てる方法は?

if(get_node_details[i]['node_status'] == "ONLINE") 
         { 
          var panel_color = ".panel panel-primary"; 

          if(get_node_details[i]['node_type'] == "SECONDARY") 
          { 
           var panel_color = ".panel panel-info"; 
          } 
          else if(get_node_details[i]['node_type'] == "STAND_ALONE") 
          { 
           var panel_color = ".panel panel-success"; 
          } 

私はJavaScriptの変数にCSSのクラスを割り当てていますが、私は同じページに動的なphtmlを書いています。

var text = ""; 
           text = text + 
           '<div class="col-xs-12 col-sm-4 col-md-3 col-lg-3">\ 
            <div id="panel_id_'+node_index+'" class='+panel_color+'>\ 
</div> 

が、クラスは、条件に応じて、パネルに適用されていません....あなたはその

var className = "active"; 
$("#divId").addClass(className); 

のような変数にクラス名を割り当てることができ、この

+1

クラス_in HTML_に先行ドットはありませんここではCSSセレクタシンタックスのxing。 – CBroe

+1

'.'つまり' var panel_color = "パネルパネル - プライマリ"; ' – MUT

+0

' if'、 'else if'、' else' –

答えて

0

で私を助けてくださいここにFiddleリンク

0
 I have updated your code please check. 
      if(get_node_details[i]['node_status'] == "ONLINE") 
        { 
         var panel_color = ".panel panel-primary"; 

         if(get_node_details[i]['node_type'] == "SECONDARY") 
         { 
          panel_color = ".panel panel-info"; 
         } 
         else if(get_node_details[i]['node_type'] == "STAND_ALONE") 
         { 
          panel_color = ".panel panel-success"; 
         } 
         $("#divId").addClass(panel_color); 
        } 
関連する問題