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