javascript - 如何使用 jQuery 在 HTML 选择中突出显示某些选项

Question

我有一个对 HTML 选择列表的 jQuery 引用。我需要迭代选项并检查选项的文本是否与 RegEx 匹配，如果我想向选项添加 CSS 类。我该怎么做？

var ddl = $($get('<%= someddl.ClientID %>'));

我能否以某种方式利用 .each() 函数？

例子

<select id="someddl">
    <option value="21">[21] SomeData ***DATA***</option>
    <option value="22">[22] SomeData ***DATA***</option>
    <option value="23">[23] SomeData </option>
    <option value="24">[24] SomeData </option>
    <option value="25">[25] SomeData ***DATA***</option>
</select>

我想将 CSS 类添加到此示例中的元素 1、2、5。 在 C# 中，我的 RegEx 是 Regex expression = new Regex(@"\*\*\*"); 但我现在想通过 JavaScript 执行此操作，因此 regex 看起来可能会有点不同。

有什么想法可以在这里完成要求吗？

谢谢， ~ck

Answer 1

好吧，你当然可以利用 $.each()，就像这样:

$("#someddl option").each(function(i){
    var val = $(this).html();

    if(// regex)
    {
        $(this).addClass("myclass");
    }
});

你必须自己做正则表达式，因为它非常痛苦:P