jquery选择以 'Urgent-'开头的所有选项

Question

根据下面的标记，我如何(在 JQuery 中)选择以 Urgent- 开头的选项或Urgent - ？

<select name="List1" id="list1">
<option>One</option>
<option>Two</option>
<option>urgent-Three</option>
<option>Urgent-Four</option>
<option>Urgent - Five</option>
</select> 

根据下面的答案，我使用以下 JQuery 将匹配的元素包装在 <optgroup> 中.

$opts = $("#list1 > option").filter(function() {
    return /^Urgent\s?-/.test(this.innerHTML);
});

$opts.wrapAll('<optgroup label="Urgent">'); 

我需要从选项文本中删除匹配的文本，从而产生如下标记:-

    <select name="List1" id="list1">
    <option>One</option>
    <option>Two</option>
    <optgroup label="Urgent">
    <option>Three</option>
    <option>Four</option>
    <option>Five</option>
    </optgroup>
    </select> 

Answer 1

您可以使用filter方法和regular expressions :

$("#list1 > option").filter(function() {
    return /^Urgent\s?-/.test(this.innerHTML);
});

演示: http://jsfiddle.net/th83R/

<小时/>

更新。要遵循更新的问题，您必须稍微修改代码。

$("#list1 > option").filter(function() {
    var newVal = this.innerHTML.replace(/^urgent\s?-\s?/i, "");
    if (newVal != this.innerHTML) {
        this.innerHTML = newVal;
        return true;
    }
    return false;
}).wrapAll('<optgroup label="Urgent" />');​

演示: http://jsfiddle.net/th83R/3/