Check hasClass using regex in jquery

Question

I have few classnames like this:

<div class=".error .error-code-123">

Now I want to to check whether the .error class has any .error-code-SOME_NUMBER.

I tried something like this:

$(".error").hasClass(/.error-code-[0-9]/)

Just trying to use regex here, which does not work. How can I check the above scenario using jquery?

Is it possible for you to amend the HTML? This can be made much easier by storing the error code in a data attribute instead of a class. That way you know exactly how to retrieve the value, and can select the elements by it, instead of having to loop over them all and hack the class string around with a regex. — Rory McCrossan
– Rory McCrossan, Commented Jul 26, 2018 at 9:39
No @RoryMcCrossan, it is getting appended by third party api if there is some error. — bhansa
– bhansa, Commented Jul 26, 2018 at 9:41

Zenoo · Accepted Answer · 2018-07-26 09:37:58Z

3

You can use the classList property of your element and test if at least one of its classes starts with error-code- using Array#some and String#startsWith :

let result = Array.from($(".error")[0].classList).some(c => c.startsWith('error-code-'));
console.log(result);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="error error-code-123"></div>

answered Jul 26, 2018 at 9:37

Zenoo

12.9k4 gold badges48 silver badges71 bronze badges

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

1 Comment

bhansa Over a year ago

This should be my clear option in the end, thanks for your answer.

Collectives™ on Stack Overflow

Check hasClass using regex in jquery

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related