<p>Here is the JQuery code to highlight all occurrences of a given text in a container:</p>
<pre><code>$(<span class="hljs-string">".container:contains('Google')"</span>).html(<span class="hljs-function"><span class="hljs-keyword">function</span>(<span class="hljs-params">_, html</span>) </span>{
  <span class="hljs-keyword">return</span> html.replace(<span class="hljs-regexp">/(Google)/g</span>, <span class="hljs-string">'&lt;span style="background-color: yellow;"&gt;$1&lt;/span&gt;'</span>);
});
</code></pre><p>The above block will change all occurences of the text ‘Methods’ within an element of class ‘container’ and make the background color of the text yellow by inserting a new span.</p>
<p>Check it out here:</p>
<div class="embed-wrapper"><div class="embed-loading"><div class="loadingRow"></div><div class="loadingRow"></div></div><a class="embed-card" href="https://codepen.io/akonchady/pen/WNObGNG">https://codepen.io/akonchady/pen/WNObGNG</a></div>



Here is the JQuery code to highlight all occurrences of a given text in a container:

```
$(".container:contains('Google')").html(function(_, html) {
  return html.replace(/(Google)/g, '<span style="background-color: yellow;">$1</span>');
});
```


The above block will change all occurences of the text ‘Methods’ within an element of class ‘container’ and make the background color of the text yellow by inserting a new span.

Check it out here:

%[https://codepen.io/akonchady/pen/WNObGNG]


Adarsh Konchady's Blog

Adarsh Konchady's Blog

Highlight all occurrences of text in a container