3

在某个元素中，我需要选择与某个正则表达式匹配的不同字符串并用标签包装它们。我怎样才能做到这一点 ？

我试过 ：

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

..但这会包装整个元素而不是元素中的选定字符串。

4

2 回答 2

6

您的示例的问题是您没有捕获组，请将您的正则表达式更改为(\([a-z]{2}\))

这是一个在 html 中工作的正则表达式替换示例：http: //jsfiddle.net/gibble/NYVWg/

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

var oldHtml = $('#test').html();
var newHtml = oldHtml.replace(/(\([a-z]{2}\))/g,"<span class='highlight'>$1</span>");
$('#test').html(newHtml);​
于 2012-10-10T17:35:14.537 回答
2

鉴于您的正则表达式中有一个子表达式，您的代码应该可以工作。看看这个jsfiddle：

HTML：

​&lt;div id="my_div">foo bar my_regex foo bar</div>​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​

JS：

var str = jQuery("#my_div").html();
var regex = /(my_regex)/;
jQuery("#my_div").html(str.replace(regex, '<span class="red">$1</span>'));​​​​​​​​​

CSS：

​.red {
    color : red;
}​
于 2012-10-10T17:34:00.803 回答