jQuery: replace() class name / regex

Question

I am trying to write line of jquery that finds an input that has a class that begins with "a\d" (the letter a and a number) and replace the number with another number.

This is what I have tried, does anyone notice why this would not work?

$('form').find('input[class^="a\d"]').replace(/a\d+/,'a22');

Please note: this is one line out of many, I have extracted this line because it is where I am having trouble.

I don't think the 'attribute begins with' selector works with regular expressions. The documentation states that it"Selects elements that have the specified attribute with a value beginning exactly with a given string." — Andrew Whitaker
– Andrew Whitaker, Commented Jan 5, 2011 at 16:47

user113716 · Accepted Answer · 2011-01-05 16:56:59Z

11

You'll need to do it more like this:

$('form').find('input[class^="a"]').attr('class', function(i,cls) {
    if( /a\d/.test( cls ) ) {
        return cls.replace(/a\d+/,'a22');
    }
});

When using .attr() to set the class (or any attribute), you can pass it a function which has 2 parameters. The i is the current index in the iteration. The cls is the current value of class.

The return value will be used to update the class. If nothing is returned, nothing will be changed.

answered Jan 5, 2011 at 16:56

user113716

323k64 gold badges454 silver badges441 bronze badges

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

1 Comment

superUntitled Over a year ago

Brilliant. Thank you! This works perfectly. I will use this method often!

Chandu · Accepted Answer · 2011-01-05 16:59:04Z

0

Try this

var regExp = /(a\d+)(.*)?/;
$('form').find('input[class^="a"]').each(
    function()
    {
        var el = this;
        var className = el.replace(regExp, "a22$2");
        el.className = className;
    }
);

answered Jan 5, 2011 at 16:59

Chandu

83.2k19 gold badges136 silver badges136 bronze badges

Collectives™ on Stack Overflow

jQuery: replace() class name / regex

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related