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

Answer 1

$('#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/