將錨標籤應用於數組中的每個元素？

Question

所以我從一個數據庫（profile.designations） 它返回一個字符串抓住這樣的數據：

我知道，把它轉換成一個陣列（與它進一步的工作）我必須使用profile.designations.split(" ")這將返回：

["AEA", "CAP", "AAA"] 

但現在我想一個錨標記應用到每一個元素，使最終的DOM讀取嵌套在一個錨定標記各個指定。我如何將它附加到我得到的數組？

Answer 1

其實如果返回的文本是'foo, bar, baz'你應該拆分如下格式：

var items = 'foo, bar, baz'.split(', '); // => ['foo', 'bar', 'baz'] 

其次，如果你想「在一個錨標記包」，你將有更加具體。如果你想字符串，你可以做到以下幾點：

items.map(function(item) { return '<a>' + item + '</a>' }); 

但是如果你想要實際的DOM元素，請執行下列操作：

items.map(function(item) { 
    var a = document.createElement('a'); 
    a.innerText = item; 
    return a; 
}); 

編輯：另外，如果你想只追加到頁（比方說，身體）：

items.forEach(function(item) { 
    var a = document.createElement('a'); 
    a.innerText = item; 
    document.body.appendChild(a); 
});