在 jQuery UI 多选中突出显示一个项目答案

【问题标题】：Highlight an item in jQuery UI Multiselect Next在 jQuery UI 多选中突出显示一个项目
【发布时间】：2013-05-14 11:21:52
【问题描述】：

我有 jQuery UI Multiselect Next http://quasipartikel.at/multiselect_next 我想使用颜色突出显示一个项目。

例如，我有：

<select id="countries" class="multiselect" multiple="multiple" name="countries[]">
    <option value="Afghanistan" selected="selected">Afganistan</option>
    <option value="Albania" selected="selected">Albania</option>
    <option value="Austria" selected="selected">Austria</option>
    <option value="Germany" selected="selected">Germany</option>
</select>

是否可以用红色突出显示德国？

【问题讨论】：

你能说清楚一点吗...在那个例子中，一切都是正确的
我只想更改特定项目的颜色，例如：阿尔巴尼亚和奥地利。小提琴示例：jsfiddle.net/aEMzb
然后尝试将动态id添加到所选项目..然后通过css你可以正确应用这些样式

标签： javascript jquery jquery-ui highlight multi-select

【解决方案1】：

我用它来突出显示第 4 行：

.ui-multiselect ul.selected >  li:nth-child(3)
{
    background:none;
    background-color:green;
}

如果您想为所有奇数等替换 li 与 li:nth-child(2n+1) 多个...

希望这会有所帮助。

【讨论】：