Obtener jquery's .append() para devolver el conjunto envuelto que contiene el objeto anexo no el contenedor

Question

Quiero agregar un elemento html a un div y tener jquery devolverme el conjunto envuelto que contiene el elemento que acabo de anexar y no el envuelto conjunto que contiene el div

Así que mi html: -

... 

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

... 

javascript: -

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

alert(jqueryObj.html()); 

me gustaría esto a mí alertar con 'Hello, world' not 'Some other elements...<p>Hello, World!</p>'

Answer 1

Use .appendTo() en lugar de .append().

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

Answer 2

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

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

Answer 3

Cambiar a su alrededor, y utilizar la función .appendTo(). De este modo:

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

Working DEMO

Answer 4

Prueba esto:

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

alert(jqueryObj.html()); 

Lo que se quiere es la variable para contener en realidad el objeto recién creado, no el div en la que añadió él.