jquery 如何实现动态添加,在两个不同的DIV中实现同时添加一个文本框_百...
发布网友
发布时间:2022-05-01 13:45
我来回答
共1个回答
热心网友
时间:2022-04-22 20:17
<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结构贴出来看看。你所谓的“不在一起”究竟是怎么个情况?难道是不在同一个页面?