javascript - jQuery append duplicating elements -
i have following javascript:
jquery.fn.outerhtml = function(s) {     return s         ? this.before(s).remove()         : jquery("<p>").append(this.eq(0).clone()).html(); };  $(function() {     var parentcontainer = $("<ul><ul>");     var textcontainer =  $("<li></li>");     var textinput = $("<textarea rows=10 cols=10></textarea>");     textcontainer.append(textinput);     parentcontainer.append(textcontainer);      alert(parentcontainer.outerhtml()); });   the alert display following code:
<ul><ul></ul><li><textarea rows="10" cols="10"></textarea></li></ul>   from understand nesting li element first ul element includes copy of first wrapper <ul></ul>.
does understand why happen?
that's because of  $("<ul><ul>"), creating 2 ul elements. change to:    
var parentcontainer = $("<ul></ul>");   or:
var parentcontainer = $("<ul/>");      
Comments
Post a Comment