Remove matching class with regex

Question

I want to remove matching class like type-one before adding new class like type-two

HTML :

<div class="demo test">
    <span>One</span>
    <span>Two</span>
    <span>Three</span>
</div>

jQuery :

$(document).on("click" ,".demo > span", function(){
        $(this).addClass("active").siblings().removeClass("active");


        $(this).parents(".demo").removeClass(function(i, c){
            return c.match(/type-[a-z]{0,5}/);
        })

        $(this).parents(".demo").addClass("type-"+$(this).text().toLowerCase());

})

My code is still adding and adding , cant remove the old matching class.

What I am doing wrong ?

Demo : http://jsfiddle.net/X5JxV/

MikeM · Accepted Answer · 2013-01-29 10:02:57Z

1

c.match(/type-[a-z]{0,5}/) is returning an array with one element.

You need to specify an index, i.e. c.match(/type-[a-z]{0,5}/)[0], but first you should check that a match as occurred, otherwise an error will be thrown.

$(this).parents(".demo").removeClass(function(i, c){
    var m = c.match(/type-[a-z]{0,5}/);
    return m ? m[0] : m
})

answered Jan 29, 2013 at 10:02

MikeM

13.8k3 gold badges38 silver badges49 bronze badges

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

Comments

dfsq · Accepted Answer · 2013-01-29 10:12:45Z

1

What about this:

$(document).on("click" ,".demo > span", function(){
    $(this).addClass("active").siblings().removeClass("active");
    $(this).parents(".demo").removeClass().addClass("demo type-" + $(this).text().toLowerCase());
});

Here we remove all class names including demo and then reset it again with new type-xxx class.

answered Jan 29, 2013 at 10:12

dfsq

193k26 gold badges244 silver badges261 bronze badges

1 Comment

l2aelba Over a year ago

This is work too , But many classes added by jQuery before loaded :D , Thanks anyway :D

Collectives™ on Stack Overflow

Remove matching class with regex

2 Answers 2

Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related