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

我如何附加到HTML表，但通过JQuery保持我想要的格式？

4 个答案: