How can I apply a regex on a jQuery selector?

Question

I searched the net a bit but did not find a solution for my problem. This is my selector:

jQuery('[data-group="' + a + '"]').show()

The a is a text like swimming or any word. In HTML it looks like this:

<div data-group="swimming">...</div>

So the above selector would show that div if a = swimming. Now lets say that the data-group contains the word simming, but its not the only one, like this:

<div data-group="swimming,driving,flying">...</div>

How can I still select that div with a selector if a = swimming? I hope you know what I mean :).

Thanks!

Potential duplicate of stackoverflow.com/questions/190253/… — pistou
– pistou, Commented Oct 16, 2015 at 12:13

A. Wolff · Accepted Answer · 2015-10-16 12:19:56Z

3

You could use the value contains selector:

jQuery('[data-group*="' + a + '"]').show();

But would match even swimming for a equals swim.

If that matters, then filter it using e.g:

jQuery('[data-group]').filter(function(){
    return this.dataset.group.split(',').indexOf(a) != -1
}).show();

And better if you can change your HTML markup too:

<div data-group="swimming driving flying">...</div>

Then you could use:

jQuery('[data-group~="' + a + '"]').show();

edited Oct 16, 2015 at 12:19

answered Oct 16, 2015 at 12:12

A. Wolff

74.4k9 gold badges98 silver badges158 bronze badges

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

1 Comment

Arnie Over a year ago

Perfect, changed to ~= and changed my data-group. Thanks!

Satpal · Accepted Answer · 2015-10-16 12:16:25Z

1

You can also use .filter()

jQuery('[data-group]').filter(function(){
    return $(this).data('group').split(',').indexOf(a) > -1; //Convert to an array an check whether elements exist in array

    //Using native code
    //return this.dataset.group.split(',').indexOf(a) > -1
}).show();

References: indexOf() and HTMLElement.dataset

answered Oct 16, 2015 at 12:16

Satpal

134k13 gold badges168 silver badges171 bronze badges

Collectives™ on Stack Overflow

How can I apply a regex on a jQuery selector?

2 Answers 2

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related