html图片在td上不能显示,动态添加表格数据和表格行到HTML，TD不显示在HTML中

我被卡住了。我从parse.com中检索数据并尝试将它们动态添加到它们各自的字段中。我在搞什么？我可以console.log数据，所以我的请求正在工作。谢谢。动态添加表格数据和表格行到HTML，TD不显示在HTML中

var parseData = function() {

var orderform = Parse.Object.extend("OrderForm");

var query = new Parse.Query(orderform);

query.find({

success: function (results) {

var tableRow = $('

', {class: 'tableRows'});

var restaurantListP = [];

var tdId = [];

var tdEmail = [];

var tdMenuItems = [];

var tdNotes = [];

var tdPhoneNumber = [];

var table = $('#orderTable > tbody');

function newRow($table, cols){

$row = $('

');

for (var i = 0; i < cols.length; i++) {

$col = $('

');

$col.append(cols[i]);

$row.append($col[i]);

}

table.append($row);

}

results.forEach(function (r, i) {

// tdId = $('

', { "id": r.id });

tdEmail = $('

', {email_address: r.attributes.email_address });

tdMenuItems = $('

', {menu_items: r.attributes.menu_items });

tdNotes = $('

', {notes: r.attributes.notes});

tdPhoneNumber = $('

', {phone_number: r.attributes.phone_number});

newRow(table,[tdId,tdEmail,tdMenuItems,tdNotes,tdPhoneNumber]);

// $('#orderTable > tbody').append(tableRow).append(restaurantListP[0]);

console.log(tdMenuItems);

console.log(tdEmail);

});

+0

jsfiddle你可以在左边的“外部资源”复制粘贴链接点击“+”图标链接 –

2014-08-31 06:46:51

+1

在你的表中'tbody'有'id = orderTable'，并且你试图获得'var table = $('＃orderTable> tbody');'这不会给任何东西，比如说'var table = $('＃orderTable');'让我知道。 –

2014-08-31 06:56:27