通过多个可能的属性值进行选择的更清晰的方法？

Question

jQuery 是否可以通过多个可能的属性值进行选择，而不必使用逗号分隔的选择器列表。

所以不要这样

#list1 > option[value="1"], #list1 > option[value="2"], etc

：

#list1 > option[value="1"|value="2"], etc

Answer 1

据我所知没有。我能想到的最干净的方法是首先选择使用所有项目中的公共元素，然后只需 .find() 或 .filter()< /code> OR 值输出。

像这样的东西

$('#list1 > option[value]')
    .filter('[value="1"],[value="2"]')
    ;

Answer 2

您可以像这样创建自定义 jQuery 函数：

$.fn.filterAttrVals = function (attr, vals) {
    var filter = '[' + attr + '="' + vals.split(',').join('"],[' + attr + '="') + '"]';
    return this.filter(filter);
};

对于您的示例，您可以按以下方式使用它：

$('#list1 > option').filterAttrVals('value','1,2');

Answer 3

你可以这样做

var valuesNeeded = [1,2,etc];

$('#list1 > option').filter(function( index ) {
    return valuesNeeded.indexOf($(this).attr('value')) != -1;
});