Replacement occurs only in the first element

Question

Can someone help why this only replaces "[m]" in the first LI? The rest remain "[m]"

aData[2] = "<li>1[m]</li><li>2[m]</li><li>3[m]</li>" $.html( aData[2].replace('[m]','[media]') ) 

Answer 1

Use a regex and make it global:

 $.html( aData[2].replace(/\[m\]/g,'[media]') ) 

Answer 2

you need to use regex to replace all in javascript, in which case it will be

 $.html( aData[2].replace(/\[m\]/g,'[media]') ) 

Answer 3

The Javascripts replace method replaces only the first matching element if you are not using a regular expression:

http://davidwalsh.name/javascript-replace

Answer 4

Use the regular expression literal, /[m]/ , instead of letting the string '[m]' get implicitly converted to the regular expression. This way you can add the /g flag ("replace all"):

  $.html( aData[2].replace(/[m]/g,'[media]') ) 

although I have to add that you really want \[m\] , not [m] , so that you match literal square brackets:

  $.html( aData[2].replace(/\[m\]/g,'[media]') ) 

Answer 5

You need to make a global replacement.

 var mre = new RegExp( "[m]", "g" ); aData[2] = "<li>1[m]</li><li>2[m]</li><li>3[m]</li>"; $.html( aData[2].replace(mre,'[media]') );