javascript - JQuery append to variable element -

javascript - JQuery append to variable element -

i building own js library backed jquery. constructor starts building on top of existing div flesh out. in library making ajax call, initial div know how append (where initial div passed in):

var t = this; var sdiv = t.append("<ul class='foo'></ul>");

so need loop through , append elements variable "sdiv". reason

$(sdiv).append("<li class='bar'>" + element[i] + "</li>");

isn't working/rendering. how append elements other elements created variables?

thanks

it's not working because sdiv same t variable, append returns selected element.

instead, create ul in it's own variable, utilize reference when appending. seek this:

var $t = $(this); var $sdiv = $('<ul />', { class: 'foo' }).appendto($t); // in loop... $('<li />', { class: 'bar', text: element[i] }).appendto($sdiv);

note wrapped this in jquery object. assuming code beingness executed in event handler, need that.

javascript jquery html css