当克隆最后一个输入并追加时

Question

我想在点击最后一个输入时创建一个新输入。每当我关注最后一个输入时，我想创建另一个输入并在前一个输入下追加它。我希望将名称attr 1增加1。

这是html，

<div id="ingredientsCtr" class="hidden">
   <label class="label">Malzemeleri yazın</label>
   <input name="ingredient1" type="text" class="req-string req-min default-input" rel="ingredientsCtr"/>
</div>

这是jscript代码

$("#ingredientsCtr").find("input:last").on("focus", function(){
               $(this).clone(true).appendTo("#ingredientsCtr");

           });

当我专注于克隆每个输入时我只想复制最后一个。

Answer 1

试试这个

$("#ingredientsCtr").find("input:last").on("focus", function(){
               $(this).clone().appendTo("#ingredientsCtr");

           });