Anker-Tag auf jedes Element in Array anwenden?

Question

Also habe ich diese Daten aus einer Datenbank (profile.designations) gepackt haben, die einen String zurückgibt:

Ich weiß, dass das in ein Array zu drehen (mit ihm arbeiten weiter) Ich habe profile.designations.split(" ") zu verwenden, denen Rückkehr:

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

Aber jetzt will ich einen Anker-Tag zu jedem Elemente anzulegen, so dass letztlich der DOM jede Bezeichnung in einem Anker-Tag verschachtelt liest. Wie hänge ich das an das Array an, das ich bekommen habe?

Answer 1

Eigentlich, wenn der Text im Format zurückgegeben ist 'foo, bar, baz' Sie aufgeteilt wie folgt:

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

Zweitens, wenn Sie „in einem Anker-Tag wickeln“ wollen Sie müssen präziser sein. Wenn Sie Strings möchten, können Sie wie folgt vorgehen:

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

Allerdings, wenn Sie tatsächlich DOM-Elemente möchten, gehen Sie wie folgt vor:

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

bearbeiten: Auch, wenn Sie wollen einfach nur auf Seite anhängen (sagen wir mal, Körper):

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