javascript - jQuery:如何仅更改所选选项的颜色？

Question

我有一个 HTML 格式的选择列表，如下所示:

<select id="language-list">
                    <option value="English">English</option>
                    <option value="German">German</option>
                    <option value="French">French</option>
</select>

使用 jQuery，我想实现只有当前选定的选项才会变成红色。当您点击选择列表查看其他选项时，其他选项将保持原来的颜色。

我当前的 jQuery 代码如下所示:

$('#language-list').css('color', 'red');

如何实现只有当前选定的选项才变为红色？

Answer 1

使用:selected伪选择器:

$('#language-list').find(":selected").css('color', 'red');

尝试一下:http://jsfiddle.net/RZzNA/

文档

• jQuery :selected - http://api.jquery.com/selected-selector/