Javascript 动态生成的链接中的文本显示在结束标记之后

我通过迭代一些Json数据，使用jQuery动态生成一个链接

MyCode:

var content = "<table>";
$.each(dataArray, function( index, value )
{
     content = content+"<tr><td>"+value.Version+"</td><td><a href="+value.Download+"> Download</a></td></tr>";
}); 
content = content+"</table>";
$('#tablediv').append(content);

var content=”“；
$.each（数据数组、函数（索引、值）
{
内容=内容+“”+值。版本+“”；
}); 
内容=内容+“”；
$（'#tablediv'）。追加（内容）；

它应该生成一个在第2列中有链接的表，如下所示：

下载

但它产生的原因是：

下载

---

所以我需要开始和结束标记之间的文本，但它出现在结束标记之后。如何解决此问题？

您需要包装

值。请下载引号中的
：

"... <a href=\"" + value.Download + "\">Download</a> ...";

“…”；
您需要包装
值。下载
引号：

"... <a href=\"" + value.Download + "\">Download</a> ...";

“…”；
您需要在href属性中添加单引号

content += "<tr><td>"+value.Version+"</td><td><a href='"+value.Download+"'> Download</a></td></tr>";

content+=“”+value.Version+“”；
您需要在href属性中添加单引号

content += "<tr><td>"+value.Version+"</td><td><a href='"+value.Download+"'> Download</a></td></tr>";

content+=“”+value.Version+“”；
如果您首先使用jQuery，则可以利用它

var content = $("<table>");
$.each(dataArray, function( index, value )
{
  content.append($("<tr />")
     .append($("<td />").text(value.Version))
     .append($("<td />").append(
              $("<a />").attr("href",value.Download).text(value.Version))
);
$('#tablediv').append(content);

var content=$（“”）；
$.each（数据数组、函数（索引、值）
{
content.append（$（“”）
.append（$（“”）.文本（value.Version））
.append（$（“”）。append(
$（“”）.attr（“href”，value.Download）.text（value.Version））
);
$（'#tablediv'）。追加（内容）；
如果您首先使用jQuery，则可以利用它

var content = $("<table>");
$.each(dataArray, function( index, value )
{
  content.append($("<tr />")
     .append($("<td />").text(value.Version))
     .append($("<td />").append(
              $("<a />").attr("href",value.Download).text(value.Version))
);
$('#tablediv').append(content);

var content=$（“”）；
$.each（数据数组、函数（索引、值）
{
content.append（$（“”）
.append（$（“”）.文本（value.Version））
.append（$（“”）。append(
$（“”）.attr（“href”，value.Download）.text（value.Version））
);
$（'#tablediv'）。追加（内容）；

$（文档）.ready（函数（）{
var-content=“”；
var-dataArray=[{Version:1，下载：“asdsa”}，{Version:2，下载：“tete”}]；
$.each（数据数组、函数（索引、值）
{
var$row=$（“”）；
var$rowcellVersion=$（“”）.text（value.Version）；
var$rowcellContent=$（“”）；
var$anchorTag=$（“”）。文本（“下载”）
.attr（“href”，value.Download）
.appendTo（$rowcellContent）；
$rowcellVersion.appendTo（$row）；
$rowcellContent.appendTo（$row）；
content=content+$row[0]。outerHTML；
}); 
内容=内容+“”；
$（'#tablediv'）。追加（内容）；
})；


$（文档）.ready（函数（）{
var-content=“”；
var-dataArray=[{Version:1，下载：“asdsa”}，{Version:2，下载：“tete”}]；
$.each（数据数组、函数（索引、值）
{
var$row=$（“”）；
var$rowcellVersion=$（“”）.text（value.Version）；
var$rowcellContent=$（“”）；
var$anchorTag=$（“”）。文本（“下载”）
.attr（“href”，value.Download）
.appendTo（$rowcellContent）；
$rowcellVersion.appendTo（$row）；
$rowcellContent.appendTo（$row）；
content=content+$row[0]。outerHTML；
}); 
内容=内容+“”；
$（'#tablediv'）。追加（内容）；
})；

这是一种非常昂贵的方式来执行如此简单的任务是的，但为了便于理解，我保留了变量。谢谢这是一种非常昂贵的方式来执行如此简单的任务是的，但为了便于理解，我保留了变量。谢谢