jQueryを使用して値のリストですべてのオプションを見つける方法はありますか？

Question

私は選択メニューで複数のオプションを見つけて隠そうとしています。ここで

は私のメニュー

<select class="form-control" name="settingsColumnAggregate" id="settingsColumnAggregate"> 
    <option value="None" selected="">None</option> 
    <option value="Sum">Sum</option> 
    <option value="Avg">Avg</option> 
    <option value="Count">Count Distinct</option> 
    <option value="Max">Max</option> 
    <option value="Min">Min</option> 
</select> 

である私は、値がここ["Sum","Ave","Max","Min"]

にあるオプションを非表示にしたい私は

$('#settingsColumnAggregate') 
.find('option[value="Sum"][value="Avg"][value="Max"][value="Min"]') 
.hide(); 

しかし、それは動作していないしようとしたものです。

複数のオプションを値リストで正しく選択するにはどうすればよいですか？ここ は、私はあなたがすべてのオプションをループするために持っているか、filters()

var arr = ["Sum","Avg","Max","Min"]; 
 
$('#settingsColumnAggregate option').filter(function(){ 
 
    return jQuery.inArray(this.value, arr) !== -1 
 
}).hide();

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<select class="form-control" name="settingsColumnAggregate" id="settingsColumnAggregate"> 
 
    <option value="None" selected="">None</option> 
 
    <option value="Sum">Sum</option> 
 
    <option value="Avg">Avg</option> 
 
    <option value="Count">Count Distinct</option> 
 
    <option value="Max">Max</option> 
 
    <option value="Min">Min</option> 
 
</select>

それともしかし、読みにくい少し厄介ですfind、複数のセレクタを使用するを使用

Answer 1

を試みたものです。あなたはコードに,を追加することを忘れていました。あなたのコードでは、それを1つのセレクターとして扱います。

$('#settingsColumnAggregate') 
.find('option[value="Sum"],option[value="Avg"],option[value="Max"],option[value="Min"]') 
.hide(); 

Answer 2

あなたのクエリはすべて間違っている、あなたは同時にvalue、Sumに等しいAvgに等しい、Maxに等しいとMinに等しい属性を持つ要素optionを選択しようとしている、これはイベントません存在すると思う。クエリは次のようにする必要があります。

$('#settingsColumnAggregate') 
.find('option[value="Sum"], option[value="Avg"], option[value="Max"], option[value="Min"]') 
.hide(); 

すべてのオプションを昏睡状態で区切っています。

あなたは、[複数選択]（https://api.jquery.com/multiple-selector/） `オプション[値= "和"]、オプションを使用しHow to write selectors