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>'));