javascript - How to find match selectors class and data attribute using jquery - Stack Overflow

admin管理员组

文章数量:1323035

Is there way to get true when match both selectors class and data attribute ?

Find matched dropdown e.g:

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

Find select, class equal to type-featured AND data-featured value equal to normal - here is code:

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

I got TRUE whether select has type-featured class OR data-featured="normal", data-featured="classical", data-featured="modern"

Its seems to be TRUE if match any one selector.

Is possible to get my desired result using .is function? May be using anonymous function like :

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

Is there way to get true when match both selectors class and data attribute ?

Find matched dropdown e.g:

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

Find select, class equal to type-featured AND data-featured value equal to normal - here is code:

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

I got TRUE whether select has type-featured class OR data-featured="normal", data-featured="classical", data-featured="modern"

Its seems to be TRUE if match any one selector.

Is possible to get my desired result using .is function? May be using anonymous function like :

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

• javascript
• jquery
• jquery-selectors

Share Improve this question Follow edited Apr 27, 2017 at 4:37 miken32 42.8k1616 gold badges123123 silver badges173173 bronze badges asked Jan 24, 2017 at 13:01 Nand LalNand Lal 70211 gold badge1212 silver badges2525 bronze badges 0

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 7

If you deploy the jQuery:

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

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

});

you will run the function on only those <select> elements which have:

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

Instead of is(...) try with hasClass() - this determine whether any of the matched elements are assigned the given class.

本文标签： javascriptHow to find match selectors class and data attribute using jqueryStack Overflow