单击按钮，使用Input添加另一个字符串

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>