如何将 css 类分配给 jquery 变量？

Question

大家好，我是我的项目中 css 和 jquery 的新手，我使用基于某些条件循环的不同 css 类。

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 类分配给 javascript 变量，并且我正在同一页面中编写动态 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>

但是根据情况，该课程不适用于面板....请帮我解决这个问题

Answer 1

您可以将类名分配给这样的变量

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

这里小提琴链接

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