I am using JavaScript's replace() function to replace a regular expression matching A-Z, a-z, 0-9, dash (-), underscore (_) and dot (.). I am trying to replace it with part of the matched string with tags around it, but the code I have only replaces the matches with: <b>1ドル</b>.
Any help, please?
<!DOCTYPE html>
<html>
<body>
<textarea id="demo" rows="10" cols="20">
<table></table>
<b><i>#stock-jsod.20</i>
</b>
</textarea>
<button onclick="testit()">test</button>
<script type="text/javascript">
function testit()
{
var str=document.getElementById("demo").value;
var n = str.replace(/#([A-Za-z0-9_.-]+)/gi, "<b>0ドル</b>");
document.getElementById("demo").innerHTML=n;
}
</script>
</body>
</html>
My goal here is to replace #stock-jsod.20 with <b>#stock-jsod.20</b>, but currently it only replaces it with <b>0ドル</b>.
2 Answers 2
Try to use '$&' instead of '1ドル'.
More about look -> https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String/replace#Description
UPDATE: Instead of document.getElementById("demo").value you need to use document.getElementById("demo").innerHTML for getting contents of 'demo' element.
Comments
In addition to Engineer's answer you also don't the A-Za-z0-9_. You can just use \w. Then you also don't need the case insensitive switch. This is a much simpler regular expression that achieves the same effect:
var n = str.replace(/#[\w.-]+/g, "<b>$&</b>");
Example output:
> str = '#abc #def ghi'
"#abc #def ghi"
> str.replace(/#[\w.-]+/g, "<b>$&</b>");
"<b>#abc</b> <b>#def</b> ghi"
<b></b>around it!