配列内の各要素にアンカータグを適用しますか？

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.mapについて

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