jquery 无法动态创建行跨浏览器答案

【问题标题】：Jquery fails to dynamically create a row cross browserjquery 无法动态创建行跨浏览器
【发布时间】：2011-11-08 23:12:03
【问题描述】：

我的评论系统有这个功能，但它不会动态添加行... 这是它的样子：

var myTable = $("#adddatacom"+id);
var magicNewRow = document.createElement('tr');
magicNewRow.htmlContent = '<td class="comments"><table><tr><td width="600px"><table><tr><td><?php echo $userimg2; ?></td><td><b><a href="profile.php">You</a>,</b><b style="color:green"> just now</b><br>'+ comMessage.val() +'</td></tr></table></td>';
magicNewRow.innerHTML = '<td class="comments" id="newcomm"><table><tr><td width="600px"><table><tr><td><?php echo $userimg2; ?></td><td><b><a href="profile.php">You</a>,</b><b style="color:green"> just now</b><br>'+ comMessage.val() +'</td></tr></table></td>';
myTable.append(magicNewRow);

【问题讨论】：

你得到了什么错误.. 尝试使用 firebug 并解释
加上似乎只有 .html() 而不是 .htmlcontent=

标签： jquery dynamic html-table append row

【解决方案1】：

例如，您还必须将 myTable 附加到文档中

document.append(myTable );

【讨论】：

对不起，它不起作用你知道另一种跨浏览器方法吗？

【解决方案2】：

您的语法似乎正确

var myTable = $("#adddatacom"+id);
var magicNewRow = document.createElement('tr');
myTable.html('<td class="comments"><table><tr><td width="600px"><table><tr><td><?php echo $userimg2; ?></td><td><b><a href="profile.php">You</a>,</b><b style="color:green"> just now</b><br>'+ comMessage.val() +'</td></tr></table></td>');
magicNewRowhtml('<td class="comments" id="newcomm"><table><tr><td width="600px"><table><tr><td><?php echo $userimg2; ?></td><td><b><a href="profile.php">You</a>,</b><b style="color:green"> just now</b><br>'+ comMessage.val() +'</td></tr></table></td>');
myTable.append(magicNewRow);
$('#someelement').append(mytable);

【讨论】：