jquery get this object of appended element

Question

How to get the current object of the appended element

   var new_htm = "<div class='engagement_data'>" + htm +"</div>";
   $("#addin").append(new_htm);

i want to construct a this for the appended element in jquery how to do this..

possible duplicate of [Easier way to get a jQuery object from appended element](http://stackoverflow.com/questions/1443233/easier-way-to-get-a-jquery-object-from-appended-element) — sushain97, Sep 25 '13 at 14:02

score 3 · Answer 1 · edited Sep 25 '13 at 14:13

3

Try this...

var $new_htm = $("<div class='engagement_data'>" + htm +"</div>").appendTo("#addin");

.appendTo() returns the object that you append, whereas append() returns the parent object.

edited Sep 25 '13 at 14:13

raam86

answered Sep 25 '13 at 14:04

2

@raam86 Thanks for the typo fix as well :) – Reinstate Monica Cellio Sep 25 '13 at 14:14

raam86 · Answer 2 · 2013-09-25T14:08:47.603

1

Append the element and than:

$this  = $("#addin").find('.engagement_data');

An even better way can bev

$div = $("#addin").append(newHtml).children()

edited Sep 25 '13 at 14:08

answered Sep 25 '13 at 14:02

raam86

cant i say $this = $("#addin").append(new_htm); – Hulk Sep 25 '13 at 14:03
@Hulk, no. This results in `$this` being the parent of `new_htm`. Try it. – sushain97 Sep 25 '13 at 14:03
But will happen to $this in case of a for loop – Hulk Sep 25 '13 at 14:06
You can `.push` the elements into an array – raam86 Sep 25 '13 at 14:09

2 Answers2