A cleaner way to select by multiple possible attribute values?

Question

Is there a possibility in jQuery to select by multiple possible attribute values without having to use a comma separated list of selectors.

So in stead of:

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

Something like:

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

The closest would be jQuery('[attribute*="value"]'). Attribute contains value selector. — JohnP
– JohnP, Commented Mar 29, 2011 at 11:36
@JohnP: hmmm, I was really hoping for exact values, as per this question, and my somewhat ugly answer to it: stackoverflow.com/questions/5471777/… — Decent Dabbler
– Decent Dabbler, Commented Mar 29, 2011 at 11:38

Richard Neil Ilagan · Accepted Answer · 2011-03-29 11:45:31Z

40

Not that I know of. The cleanest way I can think of doing this is to first select using the common elements across all items, then just .find() or .filter() the OR values out.

Something like

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

edited Mar 29, 2011 at 11:45

answered Mar 29, 2011 at 11:37

Richard Neil Ilagan

14.8k6 gold badges52 silver badges68 bronze badges

Sign up to request clarification or add additional context in comments.

5 Comments

Richard Neil Ilagan Over a year ago

... or perhaps extend jQuery with your own chain wrapper function. :D

Decent Dabbler Over a year ago

Ah yes, that's not so bad actually (referring to your answer, not the comment ;-)). Upvote from me. :)

Decent Dabbler Over a year ago

Not saying the comment is bad BTW. But not that well versed in jQuery to even know what you're talking about exactly, let alone know how to hack it together. :)

Richard Neil Ilagan Over a year ago

@fireeyedboy ~ ah, don't worry about it. :D It'd make for some good reading though when you find the time, so this is basically the gist of it: me.lt/4xl6P . Of course, better documentation over on the jQuery site itself. :D

Decent Dabbler Over a year ago

ah yes, I see what you mean now. I've seen that before in various plugins. I'm afraid hacking together proposed functionality of my question would be pretty tricky though. ;-) I don't think I could be bothered to do it, seeing your answer is pretty damn clean already as far as I'm concerned. One could probably win a few milliseconds with such an implementation. But I just don't care enough. :-P Thanks for the link though. Useful nonetheless!

MP. · Accepted Answer · 2017-02-13 16:05:28Z

2

You can make a custom jQuery function like this:

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

For your example you could use it in the following way:

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

edited Feb 13, 2017 at 16:05

answered Feb 8, 2017 at 20:40

MP.

414 bronze badges

Comments

mikewasmike · Accepted Answer · 2021-10-25 07:18:50Z

0

You can do this

var valuesNeeded = [1,2,etc];

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

answered Oct 25, 2021 at 7:18

mikewasmike

3983 silver badges10 bronze badges

Collectives™ on Stack Overflow

A cleaner way to select by multiple possible attribute values?

3 Answers 3

5 Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

5 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related