jquery - 単語を見つけて div をラップする

Question

HTML にはアクセスできず、生のテキストのみにアクセスできます。INFO や ENDINFO などの生のテキストで単語を見つけて、それらを使用してコンテンツを div で囲むことは可能ですか。

<div>
content content content content content

INFO
Information content information content

ENDINFO
</div>

<div>
content content content content content

    <div class="INFO">
    Information content information content

    </div>
</div>

Answer 1

これはどう？

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

INFO
Information content information content

ENDINFO
</div>

<div>
content content content content content

    <div class="INFO">
    Information content information content

    </div>
</div>

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

    $('.INFO').html(info);
});
</script>