javascript - 如何使用 jquery 查找匹配选择器类和数据属性

Question

当选择器类和数据属性都匹配时，有没有办法得到 true ？

查找匹配的下拉菜单，例如:

`<select class="type-featured" data-featured="normal">`
....
`<select class="type-featured" data-featured="classical">`
....
`<select class="type-featured" data-featured="modern">`

查找选择，类等于类型特征且数据特征值等于正常 - 这是代码:

$('.style-wrapper').each( function() {
    var $styles = $(this);
    if ( $styles.parents().find('select').is('.type-featured, [data-featured=normal]') ) {
    // do something here
    }
});

无论 select 有 type-featured 类还是 data-featured="normal"、data-featured="classical"、data-featured="modern"，我都得到 TRUE >

如果匹配任何一个选择器，它似乎都是 TRUE。

使用 .is 函数可以得到我想要的结果吗？可能使用匿名函数，例如:

.is( function() {
//here some logic to result
}); 

Answer 1

如果您部署 jQuery:

$('select.type-featured[data-featured="normal"]').each(function(){

    // [... DO SOMETHING...]

});

您将仅在 <select> 上运行该函数元素具有:

• class="type-featured"
• data-featured="normal"