获取jquery的.append（）以返回包含附加对象而不是容器的包装集

Question

我想将一个html元素附加到div并让jquery返回包含我刚刚追加的元素的包装集，而不是包含div的包装集

所以我的HTML： -

...

<div id="somediv">Some other elements...</div>

...

的javascript： -

var jqueryObj = $('#somediv').append('<p>Hello, World!</p>');

alert(jqueryObj.html());

我希望'Hello, world'而不是'Some other elements...<p>Hello, World!</p>'

提醒我

Answer 1

使用.appendTo()代替.append()。

var jqueryObj = $('<p>Hello, World!</p>').appendTo('#somediv');
alert(jqueryObj.html()); // '<p>Hello, World!</p>'

Answer 2

切换它们，并使用.appendTo()功能。像这样：

var jqueryObj = $('<p>Hello, World!</p>').appendTo('#somediv');

Working DEMO

Answer 3

var jqueryObj = $('#somediv').append('<p>Hello, World!</p>');

alert(jqueryObj.find("p").html());

Answer 4

试试这个：

var jqueryObj= $('<p>Hello, world!</p>');
$('#somediv').append(jqueryObj);

alert(jqueryObj.html());

你想要的是实际保存新创建的对象的变量，而不是你添加它的div。