jquery 过滤一个选择，其选项包含一些字符串

Question

考虑下面的选择

<select id="phone_line" name="phone_line">
    <option value=""></option>
    <option value="BB-11">Line 1</option>
    <option value="AA-22">Line 2</option>
    <option value="AA-33">Line 3</option>
    <option value="BB-44">Line 4</option>
</select>

如果我想过滤选项并删除值为 BB-44 的行，我可以这样做:

$('#phone_line option').filter(' option[value="BB-44"] ').remove();

如果我想删除其值以AA开头的行？我可以按如下方式完成每个操作:

$("#phone_line > option").each(function () {    
    if (this.value.substring(0, 2) === 'AA') {
        $("#phone_line option[value='" + this.value +"']").remove();
    }
});

但是我可以使用过滤器(在一行中吗？!)。代码位于:

http://jsfiddle.net/mpp4emd1/

Answer 1

使用属性开头为选择器即可实现

$('#phone_line option[value^="AA"]').remove();

引用:Attribute Starts With Selector [name^="value"]

DEMO

对于更复杂的过滤，请使用filter(function)

$("#phone_line > option").filter(function () {    
   return this.value.substring(0, 2) === 'AA';
}).remove();