Jquery를 사용하여 테이블을 동적으로 채우는 동안 링크 만들기

Question

Jquery를 사용하여 동적으로 채우는 동안 링크를 만들고 싶습니다. 나는

trHTML += 
     '<tr><td>'+ value['value1'] + 
     '</td> <td>' + value['value2'] + 
     '</td> <td>' + value['value3'] + 
     '</td><td>'.html('<a href="' + "http://www.google.com/" + value['valueLink'] + '">' + "Link" + '</a>')+ 
     '</td></tr>'; 

로 테이블 데이터를 채우는하고 그러나 오류

당신은 .html()은 문자열 연결을 계속 사용할 필요가 없습니다

Uncaught TypeError: "</td><td> ".html is not a function

Answer 1

을 제공합니다.

'</td><td>' + '<a href="' + "http://www.google.com/" + value['valueLink'] + '">' + "Link" + '</a>'+ 

그러나, 나는 청소기 접근 jQuery(html, attributes) 방법을 사용하여 HTML을 만들 수 추천 할 것입니다.

var tr = $("<tr>") 
var anchor = $("<a>", { 
    "href" : "http://www.google.com/" + value['valueLink'], 
    "text" : "Link" 
}); 
var td = $("<td>"); 
td.append(anchor); 

tr.append(td);