jQuery로 동적으로 입력 태그 추가

Question

하나의 입력 상자에서 금액을 가져 와서 입력 상자를 추가하기 위해 for...each 루프를 만듭니다. 하지만 문제가 생겼습니다. append()과 html()을 사용해 보았습니다. append()은 필요한 것보다 많은 상자를 계속 추가하고 html()은 마지막 것만 추가합니다. 둘 다 정확합니다. 하지만 금액이 정확히 얼마인지 입력 상자가 필요합니다. 입력 상자가 다시 변경되면 다시 업데이트해야합니다. 여기

는 jsfiddle입니다 : http://jsfiddle.net/liveandream/mRY3d/

나는이 말이 희망 ... 희망 누군가가 나를 도울 수 있습니다! 미리 감사드립니다 .. 당신은 아마 추가 할

Answer 1

:

$('.extrakids').empty(); 

오른쪽 당신의 for 루프 전에;

Answer 2

http://jsfiddle.net/iambriansreed/mRY3d/22/

내 대답은 많은 문제를 해결합니다.

자녀를 추가하거나 삭제하면 상자를 덮어 쓰지 않고 해당 상자에있는 데이터를 잃지 않습니다.

업데이트가 너무 오래 걸리면 사용자가 JS 루프를 건너 뛰면 충돌이 발생하지 않습니다. 나는 또한 아이들을 창조했다.

내가 속한 곳에서 html을 남겨두고 입력을 만들었습니다.

그리고 원래 문제가 수정되었습니다.