jquery 변수에 CSS 클래스를 할당하는 방법은 무엇입니까?

Question

안녕하세요 모두들 나는 약간의 조건 루프에 따라 다른 CSS 클래스를 사용하여 내 프로젝트에서 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"; 
          } 

나 자바 스크립트 변수 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); 

같은 변수에 클래스 이름을 지정할 수 있습니다이

Answer 1

저를 도와주세요 여기 Fiddle 링크

Answer 2

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