jquery-plugins - Jquery，每次单击按钮都会出现一个文本字段

Question

使用 jquery 我想让多个文本字段出现.. 单击此文本时

<form>
<input  style="margin-top:20px;margin-right :50px; width:255px;height:23px;float:left;" type="text"  name="CrawlerField"id="CrawlerField"/>
<input style="margin-top: 15px; margin-right :50px; width:255px;height:23px;float:left;" type="text" name="CrawlerField1" id="CrawlerField1"/>
<input style="margin-top: 15px; margin-right :50px; width:255px;height:23px;float:left;" type="text" name="CrawlerField1" id="CrawlerField2"/>
<font id="jqueryAdd">Add button</font>
</form>

这是单击时出现的新文本字段的文本....

<font id="jqueryAdd">Add button</font>

脚本

一开始所有文本字段都被隐藏

$("#CrawlerField1").hide();
$("#CrawlerField2").hide();

当单击使用 jqueryAdd 定义的单词 Add 按钮时，检查上一个文本字段是否隐藏下一个文本字段出现

$("#jqueryAdd").click(function ( event ) {
      if($("#CrawlerField").is(":visible"))
      $("#CrawlerField1").show();
        return false;
});
$("#jqueryAdd").click(function ( event ) {
      if($("#CrawlerField1").is(":visible"))
      $("#CrawlerField2").show();
  return false;
});

此代码导致所有按钮在开始时出现！

Answer 1

添加class到您的所有<input>标签中

 <input class ="in" style="margin-top:20px;margin-right :50px; width:255px;height:23px;float:left;" type="text"  name="CrawlerField"id="CrawlerField"/>
<input class ="in" style="margin-top: 15px; margin-right :50px; width:255px;height:23px;float:left;" type="text" name="CrawlerField1" id="CrawlerField1"/>
<input class ="in" style="margin-top: 15px; margin-right :50px; width:255px;height:23px;float:left;" type="text" name="CrawlerField1" id="CrawlerField2"/>

并在 jquery 中添加此行以最初隐藏所有输入。

$(".in").hide();