Remove Matching Class With Regex

January 04, 2024 Post a Comment

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

OneTwo

Solution 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
})

Solution 2:

What about this:

Baca Juga

Triggering A Script (js Or Jquery) Using Browser's "back" Function
Javascript Regular Expression Not Matching
What Should The Javascript Match() Regex Function Return?

$(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.

JavaScript Test

Remove Matching Class With Regex

Solution 1:

Solution 2:

Post a Comment for "Remove Matching Class With Regex"