jQuery Replace part of string

Question

I have the following code:

<div id="container">
 <input type="text" name="a1" id="a1">
 <input type="text" name="a2" id="a2">
</div>

And I want to replace all instance of the text "a" to "b" for the id and name property for all the element inside the div id="container"

so the new code should be like this:

<div id="container">
 <input type="text" name="b1" id="b1">
 <input type="text" name="b2" id="b2">
</div>

I just can't seem to be able to make it work using the javascript replace().

Show us the code you've tried already. Also, you clearly don't want to replace all a with b because you'd end up with markup like <input type="text" nbme="b1" id="b1">. So what are you actually trying to do? — Matt Ball
– Matt Ball, Commented Mar 20, 2012 at 13:42

gen_Eric · Accepted Answer · 2012-03-20 13:43:25Z

6

$('#container input').each(function(){ // Loop through all inputs
    this.name = this.name.replace('a', 'b');  // Replace name
    this.id = this.id.replace('a', 'b');  // Replace ID
});

DEMO: http://jsfiddle.net/G3vCf/

answered Mar 20, 2012 at 13:43

gen_Eric

228k42 gold badges303 silver badges343 bronze badges

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

Comments

bas · Accepted Answer · 2012-03-20 13:45:22Z

1

$('#a1').attr('name', 'b1').attr('id', 'b1');
$('#a2').attr('name', 'b2').attr('id', 'b2');

answered Mar 20, 2012 at 13:45

bas

791 silver badge5 bronze badges

Comments

ahmetunal · Accepted Answer · 2012-03-20 13:46:33Z

0

$("#container").children("input").each(function() {
    var name = $(this).attr("name");
    var id = $(this).attr("id");

    name = name.replace(/a/g, "b");
    id = id.replace(/a/g, "b");

    $(this).attr("name", name);
    $(this).attr("id", id);
});

answered Mar 20, 2012 at 13:46

ahmetunal

3,9691 gold badge25 silver badges28 bronze badges

Comments

mitch · Accepted Answer · 2012-03-20 13:48:53Z

0

Here

 $(function(){
    var html =$('#container').html().replace(/a/g,'b');
    $('#container').html(html);
});

Example

answered Mar 20, 2012 at 13:48

mitch

1,83115 silver badges14 bronze badges

Collectives™ on Stack Overflow

jQuery Replace part of string

4 Answers 4

Comments

Comments

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Related