用html标签替换段落中的每个单词

Question

I want replace every word in a paragraph with some html tags, for example, consider this text :

Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

and the result after replacing the words with html tags, it should be like :

<span class="word">Lorem</span> <span class="word">ipsum/span> <span class="word">dolor</span> <span class="word">sit</span> <span class="word">amet</span>, <span class="word">consectetuer</span> <span class="word">adipiscing</span> <span class="word">elit</span>.

Need some guidance on how to achieve this. Thanks.

Answer 1

"Lorem ipsum dolor sit amet, consectetuer adipiscing elit".split(" ").map(function (word) {
    return '<span class="word">' +word +'</span>';
}).join("");

Answer 2

       var text = yourtext.split(' ');

       for( var i = 0, len = text.length; i < len; i++ ) {
           text[i] = '<span class="word">' + text[i] + '</span>';
       }


  });

In text you will get words with span tags

See more at: http://www.grasmash.com/article/jquery-wrap-each-word-element-unique-span-tag#sthash.y0DkyzDW.dpuf

Answer 3

you van do this:

<script>

    var x="Lorem ipsum dolor sit amet, consectetuer adipiscing elit".split(" ").map(function (word) {
        return '<span class="word">' +word +'</span>';
    }).join(" ");

    document.getElementById('htmlForm').innerHTML=x;


</script>

<p id="htmlForm"></p>