如何避免文本框的增加？

Question

$(document).on("click",".btnnn",function()
  {
    $.each(data1,function(_,item)
    {
      if(nam==item.Name)
       {
          $.each(item.PhoneNo,function()
          {
           var text="<br><input type='text' class='append'><button class='btnn'>-</button>";
           $(".btnn").after(text);
           return false;
          });
          return false;
       }
    } 
});

当我点击一个按钮时，带有按钮的文本框正在附加，当我再次点击时，文本框的显示正在递增。我不明白它为什么。我们点击这些值将会转到初始位置，但仍然为什么增量完成每次点击的texbox。 我尝试使用上面的代码。但它不起作用。任何人都可以帮助我

Answer 1

你必须使用html（）方法而不是after（）方法，因为html（）方法是用旧的html替换一个新的html，但是在（）方法之后没有t replace a new html to a old html, it s添加了一个新的html与旧的html，所以你可以使用html（）方法来实现这个isseu ..

改变 -

$(".btnn").after(text);

到 -

$(".btnn").html(text);