我能';不要在jquery中添加一个类;行不通

我能';不要在jquery中添加一个类;行不通,jquery,css,Jquery,Css,大家好,如果用户单击按钮但不想输入我的函数,我想添加一个类。代码如下: 事件正常工作,他停在第一行,但他不会添加一个类,他直接跳到我函数的末尾 $("#ok").click(function(){ $("select option:selected").addClass("chosen"); }); ok是我的按钮,选择了css类,对吗?如果是这样,你知道为什么它不起作用吗? 谢谢你可以这样做 注意:它不会更改悬停颜色默认值-但会更改选项属性 更新 我在回答时注意到,如果您更改了选择

大家好,如果用户单击按钮但不想输入我的函数,我想添加一个类。代码如下:

事件正常工作,他停在第一行,但他不会添加一个类,他直接跳到我函数的末尾

$("#ok").click(function(){
    $("select option:selected").addClass("chosen");
});
ok是我的按钮,选择了css类,对吗?如果是这样,你知道为什么它不起作用吗?
谢谢

你可以这样做

注意:它不会更改悬停颜色默认值-但会更改选项属性

更新 我在回答时注意到,如果您更改了选择,它不会将类删除到选项中,这可能会导致一些用户体验混乱。此方法将删除该选项,并且仅将样式指定给唯一和最近选定的选项

Javascript

$('button').click( function() {
    $('#options').find(":not(:checked)").removeClass('chosen');
    $('#options').find(":selected").addClass('chosen');
});
HTML

<select name="" id="options">
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
    <option value="4">4</option>
</select>

<button>Confirm select</button>

看看这个。这可能对你有帮助


请你重新表述一下你的问题,让它更清楚。你的函数在哪里。请展示你的完整代码。请提供一个正确的html代码?我会想象这个类被正确添加,但是,
选项
元素上的样式属性非常有限,因此UI可能不会更改。您如何知道未添加的类呢?这正是我的问题,但它不会进入函数中我发出了警报,它不会发出警报。您选择的
id
是什么?
.chosen {
    color: red;
    background: yellow;
}
$('#options').change( function() {
$('#options').find(":selected").addClass('chosen');
});