배열의 각 요소에 앵커 태그를 적용 하시겠습니까?

Question

그래서 내가 문자열을 반환하는 데이터베이스 (profile.designations) 에서이 데이터를 잡고있다 :

"AEA, CAP, AAA" 

내가 그 배열로 그것을 설정하는 알을 내가하는 것입니다 profile.designations.split(" ")을 사용해야합니다 (자세한 함께 작동하도록)

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

을하지만 지금은 궁극적 인 DOM을가 앵커 태그에 중첩 각 지정을 읽을 수 있도록 각 요소에 앵커 태그를 적용 할 : 돌아갑니다. 내가 가지고있는 어레이에 어떻게 추가합니까? 반환 된 텍스트는 다음과 같이 분할한다 'foo, bar, baz' 형식 인 경우

Answer 1

사실 : 당신이 "앵커 태그에 포장"하려는 경우 둘째

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); 
});