将字典中的行追加到 table

Question

我的 jquery 成功函数中有一个带有 (key,value) 的字典，

$.each(myDictioary, function (key, value) {
    alert(key + ' is ' + value);
}

我想要一个 var 中的所有词典值所以我可以将它附加到我的 table..我已经尝试过这个，但没有帮助..

var row = "";
$.each(myDictioary, function (key, Value) {
    row+ = "<td>"+value+"</td>"
}); 
$("#tableBodyId")
    .append($('<tr>')                                       
    .append($('<td>').text(row))
  )

但我认为我在连接时做错了什么 <td>。

row+

请告诉我如何将字典中的所有值放入我的 var 行..

Answer 1

几个问题

串联运算符 += 中不应有空格。

您正在创建一个包含多个 <td> 的 html 字符串，然后附加一个 <td>，其 text 是 html 字符串

尝试

var row = "";
$.each(myDictioary, function (key, Value) {
    row += "<td>"+value+"</td>"
}); 
var $tr = $('<tr>').append( row ); 
$("#tableBodyId").append($tr);

这假定您只添加一行。

如果您的字典包含多行数据，则需要提供更多详细信息

将字典中的行追加到 table

Appending rows into table from dictionary

jquery

dictionary

html-table