Javascript 在div中追加图像和表

Javascript 在div中追加图像和表,javascript,jquery,html,Javascript,Jquery,Html,首先我需要在div中附加一个图像,然后我需要使用jquery附加一个表。我用了下面的代码。但它给出了一个错误 <div id="dialog-form" title="Item Details"></div> var imgUrl = 'images/aaa.jpg'; $("#dialog-form").append('<img id="theImg" src="' + imgUrl + '" />'); $('#dialog-form').prepen

首先我需要在div中附加一个图像,然后我需要使用jquery附加一个表。我用了下面的代码。但它给出了一个错误

<div id="dialog-form" title="Item Details"></div>

var imgUrl = 'images/aaa.jpg';
$("#dialog-form").append('<img id="theImg" src="' + imgUrl + '" />');

$('#dialog-form').prepend('<table></table>');
var table = $('#dialog-form').children();
table.append("<tr><td>Name:</td><td>K.Senthuran</td></tr>");
table.append("<tr><td>Age:</td><td>30</td></tr>");

var imgUrl='images/aaa.jpg';
$(“#对话框形式”)。附加(“”);
$(“#对话框形式”)。前缀(“”);
变量表=$(“#对话框形式”).children();
表.追加(“名称:K.Senthuran”);
表.附加(“年龄:30”);

请任何人帮助我解决此问题。

尝试附加多行html代码:

var imgUrl = 'http://www.google.com/images/errors/logo_sm_2_hr.png';
$("#dialog-form").append('<img id="theImg" src="' + imgUrl + '" />');

$("#dialog-form").append('<table> \
<tr><td>Name:</td> \
<td>K.Senthuran</td></tr> \
<tr><td>Age:</td><td>30</td></tr> \
</table>');
var imgUrl='1〕http://www.google.com/images/errors/logo_sm_2_hr.png';
$(“#对话框形式”)。附加(“”);
$(“#对话框窗体”).append('\
姓名:\
K.森图兰\
年龄:30\
');

没有错误。。。尽管可以对其进行改进,但浏览器不会对其进行渲染。它给出了一个错误。它与铬合金配合使用效果很好。IE的问题。然后你需要说什么是错误。你是否意识到你正在将行添加到表和div中的图像?
children()
函数将返回div的所有子元素,至少是表和img元素。然后,
append
方法将把HTML添加到jQuery对象中的所有元素中。