javascript - 如何附加到 HTML 表但通过 JQuery 保留我想要的格式？

Question

所以这：

$.each( data.dbmatches, function(i, item) {
    $('#dbresults tbody').append('<tr><td>Accession</td><td>item.description</td></tr>');
});

$('#dbresults').show();
}

给了我一个我想要的格式的 HTML 表格：

Accession   item.description

但是，item.description是来自 db 匹配的值，无论我使用什么变体append，我最终都不会得到相同的 HTML 表格格式。我究竟做错了什么？

$('#dbresults tbody').append('<tr><td>Description</td><td>').append(item.description).append('</td></tr>');

结果：

Accession
This is the description

这是最接近的，但项目在表格单元格之外，就好像它在列中一样。

$('#dbresults tbody').append('<tr>').append('<td>','Description','</td>').append('<td>',item.description,'</td>').append('</tr>');

结果：

Accession    This is the description

任何帮助/提示将不胜感激。谢谢

Answer 1

您的问题是附加自动关闭标签，因此解决方案是连接：

$('#dbresults tbody').append('<tr><td>Description</td><td>'+item.description+'</td></tr>');

Answer 2

只需使用连接：

$.each( data.dbmatches, function(i, item) {
    $('#dbresults tbody').append('<tr><td>Accession</td><td>'+item.description+'</td></tr>');
    });
    $('#dbresults').show();
}

Answer 3

只需构建带有描述的字符串

$('#dbresults tbody').append('<tr><td>Description</td><td>'+item.description+'</td></tr>');

Answer 4

尝试这个 -

 $('#dbresults tbody').append("<tr><td>Accession</td><td>"+item.description+"</td></tr>");