javascript - 多选元素和样式选择选项

Question

我将多选元素呈现为

<button class="multiselect dropdown-toggle btn btn-default" data-toggle="dropdown" type="button" style=" title="None selected">
<span class="multiselect-selected-text">None selected</span>
<b class="caret"></b>
</button>

在默认情况下呈现时，您可以看到设置了 None selected 标题。在选择操作时，这当然会更改为所选元素的标题。

My question is: how can I using css target None selected and followed caret to be font-color: gray; and if something else is selected to change font-color to black for example?

更新: 我尝试像建议的那样使用 :contains 选择器，在这个非常简单的场景中，我总是正确的(警报 a)

 if ($(".multiselect-selected-text:contains('xxxxxx')")) {
       alert('a');
    } else {
       alert('b');
    }   

Answer 1

您可以使用 :contains 实现此目的Jquery 中的选择器。试试这个

 $('.multiselect-selected-text:contains("None selected")').parent().addClass('grayOut');

CSS 规则

.grayOut{
  color: gray;
}

Working Fiddle

当然，您需要在多选插件的更改事件上执行上述脚本。