我在Jquery中插入div有问题

Question

我正在尝试在Jquery中插入div，如下例所示。它不起作用。

Jquery的：

$('<div />', {
    $('<img />', { "src": "/Pages/Images/calendar.png").addClass('image').appendTo($div);
    $('<input/>', { "type": "text", "class": "ctb" }).addClass('ctb').appendTo($div);
    }).addClass('sto').appendTo($div);

我想要的输出如下图所示：

Demo

Answer 1

你还没有创建$（div）。你应该像

那样做

var div = $('<div></div>');
$(div).append(...);

顺便说一句，创建元素的最佳方法是

document.createElement();

jQuery document.createElement equivalent?

Answer 2

你不能追加像你必须这样做的元素

$('<div>', {
    "class": "sto"
}).append('<img />', {
    "src": "/Pages/Images/calendar.png",
    "class": "image"
}).append('<input/>', {
    "type": "text",
    "class": "ctb"
}).appendTo($div);

Answer 3

有很多语法错误。

我改变了你的一部分：

$('<div />').append($('<img src="/Pages/Images/calendar.png" class="image" />')).appendTo($div);
$('<input type="text" class="ctb sto" />').appendTo($div);

演示：http://jsfiddle.net/62QY8/45/