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/

Answer 2

试试这个

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

Answer 3

试试这个：

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

Answer 4

你也可以试试这个：

$("#language-list option:selected").text().css("background-color", "blue");

Answer 5

请试试这个： - $（“＃language-list option：selected”）。css（“color”，“red”）;