jquery filter a select which its options contains some string

Question

Consider below select

<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>

If i want to filter the options and remove line with value BB-44 I can do it as:

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

If I want to remove lines which their values starts with AA ? I can do it with each as below:

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

But can I do it with filters ( in one line ?! ). Code At:

http://jsfiddle.net/mpp4emd1/

Answer 1

Using attribute starts with selector will do it

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

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

DEMO

For more complex filtering use filter(function)

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