Question

jquery 如何实现动态添加，在两个不同的DIV中实现同时添加一个文本框

刚开始只有一个按钮， 点击按钮后，出现两个文本框和两个按钮， 点击添加按钮，可以添加一行（左右两个文本框），但是两个文本框不在同一个DIV中，点击减少，可以减少一行文本框





Answer 1

<style>
.line div {display:inline-block}
</style>
<button id=btn type=button>按钮</button>
<div id=res></div>
<script>
$(function(){
   $("#btn").one("click",function(){
      $("#res").append("<div id=tab></div>");
      var btn1=$("<button type=button>添加</button>");
      btn1.click(addline);
      $("#res").append(btn1);
      var btn2=$("<button type=button>减少</button>");
      btn2.click(delline);
      $("#res").append(btn2);
      addline();
      function addline(){
         var n=$(".line").size()+1;
         $("#tab").append("<div class=line><div>事件"+n+"<input type=text value=''/></div> <div>备注"+n+"<input type=text value=''/></div></div>");
      }
      function delline(){
         $("#tab .line:last").remove();
      }
   });
})
</script>

追问

这两个文本框的div 不在一起。。我的意思是，这两个 div 还分别在另外两个 div 里面

追答

那就在同一个过程里面分别添加啊。如果你觉得有难度，那你把要添加的html结构贴出来看看。你所谓的“不在一起”究竟是怎么个情况？难道是不在同一个页面？