Home/ Questions/Q 4095616
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-20T19:55:25+00:00

I am trying to highlight the word that has been passed in using regex

  • 0

I am trying to highlight the word that has been passed in using regex & css. But something seems to have gone wrong. can anyone please help me? $1 doesn’t seem to work here as its not replacing with the word.

 <head>
<title>Example</title>

<style type="text/css">
  .highlight{
    color: maroon;
    font-size: 22px;
  }

</style>
<script type="text/javascript" src="../scripts/jquery-1.4.js"></script>
<script type="text/javascript">
function getSentence(word) {
var sentence="here is the text";

if (sentence.toLowerCase().indexOf(word.toLowerCase())!=-1) {
    sentence=sentence.replace(new RegExp('\\b'+(word)+'\\b', 'g'), '<span class="highlight">\$1</span>');

    $("#placeholder").append("<h3>"+sentence+"</h3><br/>");

    }
    }
</script>


<form>
  <div>
    <a onclick=getSentence('text');>text</a>
  </div>
   <div id="placeholder"></div>
</form>

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You’re not setting any capture groups, so you should use $& instead of $1 in your replace method.

    See example →

    • 0