2017-12-29 2 views
-2

hallo jeder ich bin neu zu css und jquery in meinem Projekt iam mit verschiedenen CSS-Klassen basierend auf einigen Bedingungen Schleife.Wie kann man jss-Variablen die CSS-Klasse zuweisen?

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"; 
          } 

ich bin Zuordnung CSS-Klassen zu JavaScript-Variablen und i in der gleichen Seite dynamisch phtml schreibe.

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> 

aber die Klasse ist die Anwendung nicht auf Platte unter der Bedingung abhängig .... bitte helfen Sie mir mit diesem

+1

Klassen _in HTML_ haben keine führenden Punkte, du bist mi Xing in CSS-Selektor-Syntax hier. – CBroe

+1

remove '.' d. H.' Var panel_color = "panel panel-primary"; ' – MUT

+0

' if', 'else if' dann' else' –

Antwort

0

Sie den Klassennamen der Variablen wie das

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

zuweisen Hier Fiddle link

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); 
        } 
Verwandte Themen