卸下兩個可選

Question

HTML

<button>remove other than 1 and 3</button> 

<br /> 
<select id="sel"> 
     <option data-test="1">a</option> 
     <option data-test="1">b</option> 
     <option data-test="2">c</option> 
     <option data-test="2">d</option> 
     <option data-test="3">e</option> 
     <option data-test="3">f</option> 
     <option data-test="3">g</option> 
     <option data-test="4">h</option> 
     <option data-test="5">i</option> 
</select> 

的JavaScript

$('button').click(function(){ 
    $('select option:not([data-test=1])').remove(); 
}) 

我想刪除一個值的所有元素在其他data-test比1和3此代碼僅保持與元素值爲1。我需要添加什麼：不是用jQuery刪除1和3以外的所有選項？

jsfiddle

Answer 1

用途：

$('select option:not([data-test=1],[data-test=3])').remove(); 

Fiddle

見multiple selector和multiple attribute selector。

Answer 2

這是你所需要的：

$('button').click(function(){ 
    $('select option:not([data-test=1],[data-test=3])').remove(); 
}) 

jsfiddle

Answer 3

試試這個代碼：

$('button').click(function(){ 
    $('select option').not('[data-test=1], [data-test=3]').remove(); 
}); 

FIDDLE

編輯：退房Vishal Suthar and A. V對另一個非常相似的方式的答案。