Home/ Questions/Q 8656971
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-12T15:24:30+00:00

In a certain element, I need to select different strings that match a certain

  • 0

In a certain element, I need to select different strings that match a certain regex and wrap them with tags. How can I do that ?

I tried :

var str = jQuery("#my_div").html();
var regex = "\([a-z]{2}\)";
jQuery("#my_div").html(str.replace(regex, "<span>$1</span>"));

.. but this wraps the whole element instead of the selected string in the element.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    The problem with your example is you have no capturing group, change your regex to (\([a-z]{2}\))

    Here is an example of a working regex replace in html: http://jsfiddle.net/gibble/NYVWg/

    <style>span.highlight { color: purple; }​</style>
<body>bla bla <div id="test">this (is) some text this (is) some text</div> bla bla​<body>

var oldHtml = $('#test').html();
var newHtml = oldHtml.replace(/(\([a-z]{2}\))/g,"<span class='highlight'>$1</span>");
$('#test').html(newHtml);​
    • 0