jquery - 各単語をスパンでラップするが、テキストの書式設定を保持する方法

Question

各単語をスパンで囲み、テキストの書式を保持するにはどうすればよいですか? 例: br、em、strong

次のコードを使用して、リッチ テキスト エディターの各単語をスパンでラップしていますが、すべての書式設定が削除されています。

$(window).load(function() {
$(".hero_image p").addClass("hero_image_caption");
$('.hero_image p').each(function(){
    var text = $(this).text().split(' ');

    for( var i = 0, len = text.length; i < len; i++ ) {
        text[i] = '<span>' + text[i] + '</span>';
        }
        $(this).html(text.join(' '));

        });        
});

Answer 1

$('.hero_image p').each(function(){
    var text = $(this).html().split(' '),
        len = text.length,
        result = []; 

    for( var i = 0; i < len; i++ ) {
        result[i] = '<span>' + text[i] + '</span>';
    }
    $(this).html(result.join(' '));
});