通过单击按钮添加另一个带有输入的字符串

Question

我该怎么办，当用户单击按钮时，出现了另一个带有<Input>字符串

并且输入的ID将会增长。

我想要这样的东西：

<button id="add">add</button>
<input id="e-1" type="text">
<input id="e-2" type="text">
....

请不要php ..我更喜欢JQuery

Answer 1

Demo

这个就行了

HTML

<button id="add">add</button>
<div id="inputs"></div>

jQuery

var i = 0;
$("#add").click(function(){
    $("#inputs").append('<input id="e-'+(++i)+'" type="text"><br>');
});

Answer 2

<div>
    <button class="container-add-input"></button>
    <input type='text' />
    <input type='text' />
</div>
<script type="text/javascript">
    $(".container-add-input").click(function() {
        $(this).parent().append("<input type='text' />");
    });
</script>