如何包装每个字的跨度，但保留文本格式(How to wrap each word in a span

我如何包装每个单词的跨度，并保留文本格式？ 如BR，EM， 强

我使用下面的代码来包装在一个跨度富文本编辑器的每个字，但它剥离出来我的所有格式。

$(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(' '));
});        

文章来源: How to wrap each word in a span but retain text formatting