点击显示文字字段（输入）

Question

首先，我对所有人说，我是网络新手。现在我的问题是，我需要一个像这样的文本字段：
的 Click to see
现在，当我填写此字段时，我想添加另一个名称，以便我点击此加号按钮（显示在图像中）并显示另一个字段，此加号按钮将从该位置隐藏，并将显示第二个字段，如下所示：
的 Click to see
如果我想添加30,50,60名称，那么这个过程将是相同的 像这样：i.imgur.com/styvKvN.jpg

Answer 1

您可以使用 insertBefore()

执行此类操作

1. 添加本地变量i=1以创建名称属性。
2. 使用 click()
将点击事件处理程序绑定到按钮
3. 使用 insertBefore() 在按钮前插入输入字段
   ＆＃13;

   ＆＃13;

   var i = 1;
   $('.button').click(function() {
     $('<br/><input name="name' + (++i) + '" type="text"/>').insertBefore(this);
   });

   ＆＃13;

   <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
   <div>
     <input name="name1" type="text" /><button class="button">+</button>
   </div>

   ＆＃13;

   ＆＃13;
   ＆＃13;