拆分大塊文本爲單個單詞

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

2014-01-13 const_ref

什麼是解析字符串規則.. 。像什麼應該是href等 –

這將是一個鏈接它自我，每個項目將是一個地址 –

字邊界'string.split（/ \ b/g）' – adeneo

嘗試

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

演示：Fiddle

2014-01-13 08:46:40

使用var words = info_data.split(" ");在每個空間分割你的字符串，這將返回你所有的單詞y的數組我們的字符串;）

然後你得到字1由words[0]字2由words[1]等等。

那麼你可以添加的jQuery的鏈接添加：

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

2014-01-13 08:42:43 Igle

如果項目的數量是動態的，我不需要超過一個ID然後HTML明智？如何在HTML中顯示它時如何工作？ –

超鏈接的鏈接是什麼？總是一樣的頁面！？或者超鏈接從哪裏來？ – Igle

這將是一個鏈接本身，每個項目將是一個地址 –

回答