jquery - 使用简单的正则表达式包装内容

Question

我正在尝试使用正则表达式将一些内容包装在一个名为“.info”的类中

 <div id="content">
content content content content content

INFO Information content information content ENDINFO
</div>​

这是我的开始。

 $(document)ready(function(){
var content = $('#content').html();
var regex = /INFO.*ENDINFO/gi;
var info = content.match(regex);

$('.INFO').html(info);
});​

预期结果：

 <div id="content">
content content content content content

<div class="info"> Information content information content </div>
</div>​

什么可以替代正则表达式？我不熟悉.find属性，但这行得通吗？

Answer 1

将正则表达式更改为：

var regex = /INFO(.*)ENDINFO/gi;
$('.INFO').html(info[1]);

它被称为捕获类。

Answer 2

如果你仍然想用正则表达式来做，试试这个：

$('#content').html(content.replace(/info(.*)endinfo/gi, 
   '<span class="info">$1</span>'));