jquery - 如何使用 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();

但这不起作用。

如何通过值列表正确选择多个选项？这是我尝试过的

Answer 1

您必须循环遍历所有选项或使用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和多个选择器，虽然有点困惑并且难以阅读。您忘记在代码中添加 , ，该代码将其视为单个选择器。

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