Dynamically generated input is getting overriding by previous input

[leongaban]

Hi :) so I have code here http://codepen.io/leongaban/pen/IAKEr

It’s suppose to generate 2 labels & 2 input fields, however only 1 is displayed. I know this is because of this line: $('.new_option').append(inputphone); I’m not dynamically generating a new ul & class here.

How would you go about doing this?

[TheDoc]

Using a for loop seems to solve the issue, though I’m not entirely sure why.

http://codepen.io/ggilmore/pen/f3a88dd68a7b1d101712b75318925198

Notice that I’m also applying unique classnames to each of the list items as well.

[leongaban]

Thanks! Trying this out in my project now, perhaps I should have started with a normal for loop in the first place. I guess each should be reserved for counting elements already on the DOM…

[Author]

Posts