Javascript 如何根据状态（已选择、已禁用）设置自定义选择类？

如何根据状态（已选择、已禁用）设置自定义选择类？如何根据状态选择（已选择、已禁用）在自定义下拉列表中设置类？他这么做了，但什么也没发生。请看我的例子

$（'select'）。每个（函数（）{
var$this=$（this），numberOfOptions=$（this）.children（'option'）.length；
$this.addClass（'select-hidden'）；
$this.wrap（“”）；
$this.after（“”）；
var$styledSelect=$this.next（'div.select-styled'）；
$styledSelect.text（$this.children（'option'）.eq（0.text（））；
var$list=$（“
”{
“类”：“选择选项”
}).insertAfter（$styledSelect）；
对于（var i=0；i”{
text:$this.children（'option'）.eq（i）.text（），
//类：component.children（'option'）.eq（i）.attr（'class'））
}).附件（$清单）；
if（$（this）.children（'option[disabled]'））{
$（'
'）.addClass（'disabled-option'）；
}else if（$（this）.children（'option[selected]'））{
$（'
'）.addClass（'disabled-option'）；
}
}
var$listItems=$list.children（'li'）；
$styledSelect.单击（函数（e）{
e、 停止传播（）；
$（'div.select-styled.active'）。不是（这个）。每个（函数（）{
$（this）.removeClass（'active'）.next（'ul.select options'）.hide（）；
});
$（this）.toggleClass（'active'）.next（'ul.select options'）.toggle（）；
});
$listItems。单击（函数（e）{
e、 停止传播（）；
$styledSelect.text（$（this.text（））.removeClass（'active'）；
//$this.val（$（this.attr（'class'））；
$list.hide（）；
});
$（文档）。单击（函数（）{
$styledSelect.removeClass（'active'）；
$list.hide（）；
});
});
@导入url（“https://fonts.googleapis.com/css?family=Open+Sans:400i，700“；
身体{
字体系列：“开放式Sans”，无衬线；
字体大小：14px；
文本对齐：居中；
}
h1{
字体大小：60px；
字体大小：400；
}
.选择隐藏{
显示：无；
可见性：隐藏；
右边填充：10px；
}
.选择{
光标：指针；
显示：内联块；
位置：相对位置；
宽度：150px；
高度：40px；
边缘顶部：50px；
文本对齐：左对齐；
}
。选择样式{
位置：绝对位置；
排名：0；
右：0；
底部：0；
左：0；
边界半径：25px；
背景色：透明；
背景图像：url（'img/down-arrow.svg'）；
背景重复：无重复；
背景尺寸：15px；
背景位置：90%；
边框：1px实心#ccc；
填充：10px 25px；
&：激活，&.激活{
//z指数：9999；
}
}
。选择选项{
显示：无；
位置：绝对位置；
顶部：40px；
左：0；
宽度：100%；
最大高度：220px；
保证金：0；
填充：10px0；
背景色：#fff；
盒影：0 7px 15px 0 rgba（225,225,225,0.7）；
列表样式：无；
z指数：999；
溢出y：自动；
李{
保证金：0；
填充：10px0；
文本缩进：15px；
&：悬停{
背景色：#ddd；
}
&[rel=“hide”]{
显示：无；
}
}
}
.隐藏{
指针事件：无；
}

1.
2.
3.
如果需要在初始渲染时将类添加到select元素中的某些特定选项，可以使用以下解决方案


$（文档）.ready（函数（）{
$（'.select options'）。每个（函数（即，e）{
//console.log（e.disabled）；
if（e.disabled）$（e）.addClass（'disabled'）；
如果（e.selected）$（e）.addClass（'active'）；
});
});
。选择选项{}
.选择选项{}
。选择选项。已禁用{颜色：蓝色；}
。选择选项。活动{color:red；}

残废
挑选出来的
另一个
你好
您能详细解释一下您的问题吗？为什么需要将类指定给“禁用”或“选定”类？若你们只是想给他们一个风格，你们可以简单地通过CSS来实现。我需要添加一个活动或禁用元素的类到列表中。选择选项。如何使用jquery？检查答案哦，谢谢你的回答。但是我需要将类（禁用，选择）添加到我的自定义选择（下拉列表），这是我问题中的代码）@z___\l检查我所做的编辑部分。