How to remove a single class only in Javascript using Regex? [duplicate]

Question

(Pure javascript only, please!)

I want to create a helper function that removes a single class from a div with several classes. I'm imagining a function as follows:

function remove_class(div, klass) {
    div.className = div.className.replace( /(?:^|\s)active(?!\S)/ , '' );
}

The class removed here is active. However, how can I remove any class name, ie. one passed as the klass variable?

Why not use classList? The MDN page even has a shim for browser compatibility — Phil
– Phil, Commented Sep 30, 2013 at 1:27
Limited compatibility is why. :) And this is not a duplicate - it's a much more specific question. — knutole
– knutole, Commented Sep 30, 2013 at 1:35
It's compatible down to IE8 with the shim. And yes, this question is an exact duplicate of the other one. The answers are the same too — Phil
– Phil, Commented Sep 30, 2013 at 1:38
No it isn't, because I didn't understand the other answers. I've looked it over several times, in fact. The answer I got here was easy to understand. So thanks for voting to close this question, on behalf of other to come after me. — knutole
– knutole, Commented Sep 30, 2013 at 1:40
No offense, but I think there is a misunderstanding. If the answers are not easy to understand it is not advisable to duplicate the question. Instead you can ask your question as a comment at the initial question. So Phil is right and you have duplicated the question. — Lajos Arpad
– Lajos Arpad, Commented Sep 30, 2013 at 13:15

JAAulde · Accepted Answer · 2013-09-30 01:27:27Z

4

Use the RegExp constructor instead of a RegExp literal. The constructor takes a string as its first param, so you can build it any way you like.

function remove_class(div, klass) {
    div.className = div.className.replace( new RegExp('(?:^|\\s)' + klass + '(?!\\S)'), '' );
}

Notice that no delimiters (the leading and trailing forward slashes) are needed when using the constructor.

answered Sep 30, 2013 at 1:27

JAAulde

19.5k5 gold badges56 silver badges65 bronze badges

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

2 Comments

knutole Over a year ago

I have never used RegExp constructor. Do you have a working example?

JAAulde Over a year ago

Sorry, it was coming.

Alexander Kobelev · Accepted Answer · 2013-09-30 01:29:52Z

1

Instead using /regexp/ syntax you can use RegExp: something like this:

function remove_class(div, klass) {
    var regex = new RegExp('\/(?:^|\\s)' + klass + '(?!\\S)\/');
    div.className = div.className.replace( regex , '' );
}

answered Sep 30, 2013 at 1:29

Alexander Kobelev

1,3798 silver badges14 bronze badges

1 Comment

JAAulde Over a year ago

Note, the RegExp delimiters (leading and trailing forward-slash) are only needed for a RegExp literal.

Community · Accepted Answer · 2017-05-23 11:57:31Z

1

You can create the regexp like so:

var re = new RegExp("regex","g");

Check out https://stackoverflow.com/a/494046/1778812

edited May 23, 2017 at 11:57

CommunityBot

11 silver badge

answered Sep 30, 2013 at 1:33

colinwren

291 silver badge2 bronze badges

3 Comments

Phil Over a year ago

If this question was a duplicate, you should have flagged it as such

Evan Davis Over a year ago

@Phil rep not high enough to vote-to-close. (Copying answers between questions is still stupid.)

knutole Over a year ago

Is there a single answer in so-called duplicate with the syntax of the accepted answer to this question? new RegExp('(?:^|\\s)' + klass + '(?!\\S)'), '' No.

Collectives™ on Stack Overflow

How to remove a single class only in Javascript using Regex? [duplicate]

3 Answers 3

2 Comments

1 Comment

3 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

1 Comment

3 Comments

Linked

Related