I am trying to
- find substring(s) that match an expression ((my substring))
- wrap the results with markup and
- inject different vars on the different results.
It works for one substring:
var link1 = "URL_1",
myRegex = /(((.*)))/g,
myOldString = "lorem ((ipsum dolor)) sit amet consectur";
var myNewString = myOldString.replace(myRegex, "<a href='"+link1+"' class='red'>$1</a>");
$('.mytext').html(myNewString);
.red {
color:red;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<h2 class="mytext"></h2>
But I can't get it to work with multiple results:
var link1 = "URL_1",
link2 = "URL_2",
myRegex = /(((.*)))/g,
myOldString = "lorem ((ipsum dolor)) sit ((amet)) consectur";
var myNewString = myOldString.replace(myRegex, "<a href='"+link1+"' class='red'>$1</a>", "<a href='"+link2+"' class='red'>$2</a>");
$('.mytext').html(myNewString);
Any hint?