테이블 내부에 동적 링크 표시

Question

jquery에서 테이블 내에서 즉석에서 생성 된 링크를 표시하려면 어떻게해야합니까?

데이터베이스에 링크가 저장되어 있지만 이름으로 표시하고 그에 따라 올바른 링크로 연결되기를 원합니다.

나는 [ {Name1:Link1} ]과 같은 문자열 배열을 가지고 있으며 Name1으로 연결되는 테이블 내에 Link1으로 표시되기를 원합니다.

어떻게하는지 알려주십시오.

Answer 1

배열 대신 (객체) 맵에 저장해야합니다.

var linksMap = { 
    'google': 'http://google.com', 
    'stackoverflow': 'http://stackoverflow.com', 
    'jquery': 'http://jquery.com' 
}; 

그런 다음, 다음 표를했습니다 가정,

<table id="links"> 
    <tr><td>google</td></tr> 
    <tr><td>stackoverflow</td></tr> 
    <tr><td>jquery</td></tr> 
</table> 

는

당신이 링크를 만들려면 다음의 jQuery 스크립트를 사용하여 세포에 넣어 수 있습니다

$('#links>tbody td:nth-child(1)').each(function() { 
    var $td = $(this); 
    var name = $td.text(); 
    var link = linksMap[name]; 
    var $a = $('<a>').attr('href', link).text(name); 
    $td.html($a); 
});