将大块文本拆分成单个单词

Question

使用JS / JQuery我从服务器解析一些数据，然后执行以下操作将其显示在我的网页上

document.getElementById("info").innerHTML = info_data;

结果显然是页面上显示的一大块数据。我希望能够进一步解析这些数据，以便每个单词可以单独格式化/超链接，然后显示在列表中。

由于数据的大小可以是动态的，我不确定如何做到这一点，并且会感激任何帮助。

截至目前，HTML和CSS非常简单，如下所示：

<div class="info_list" id="info"></div>

.info_list
{
    padding-bottom: 50px;
    color: #069;
    font-size: 20px;
}

目前的例子：

Blah Blah2 Blah3 Blah4 Blah5 etc....

理想解决方案：

<hyperlink>Blah
<hyperlink>Blah2
etc........

Answer 1

使用var words = info_data.split(" ");在每个空格处拆分字符串，这将返回一个包含字符串所有单词的数组;）

然后，words[0]字词2由words[1]获得字词1，依此类推。

然后你可以通过jQuery append添加链接：

for(var i = 0; i< words.length; i++){
        var newLink = "<a href='"+words[i]+"'>"+words[i]+"</a>";
        $("#info").append(newLink);
    }

Here is a working fiddle

Answer 2

尝试

document.getElementById("info").innerHTML = info_data.replace(/([^\s]+)/g, '<a href="$1">$1</a>');

演示：Fiddle