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

Replacing every word in a paragraph with html tags

本文关键字：单词 段落中 替换 html      更新时间：2023-09-26

我想用一些html标签替换段落中的每个单词，例如，考虑以下文本：

Lorem ipsum dolor sit amet， consectetuer adipiscing elit.

用 html 标签替换单词后的结果应该是这样的：

<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>.

需要有关如何实现此目的的一些指导。谢谢。

你这样做：

<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>

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

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

  });

在文本中，您将获得带有span标签的单词

更多信息见： http://www.grasmash.com/article/jquery-wrap-each-word-element-unique-span-tag#sthash.y0DkyzDW.dpuf

相关文章：