大橙子网站建设,新征程启航
为企业提供网站建设、域名注册、服务器等服务
你说的应该是
创新互联坚持“要么做到,要么别承诺”的工作理念,服务领域包括:成都网站设计、网站建设、企业官网、英文网站、手机端网站、网站推广等服务,满足客户于互联网时代的大连网站设计、移动媒体设计的需求,帮助企业找到有效的互联网解决方案。努力成为您成熟可靠的网络建设合作伙伴!
clone() 和 clone(true) 的区别吧
clone() 生成被选元素的副本,包含子节点、文本和属性
clone(true) 在clone的技术上,复制元素的所有事件处理
参数可以是true和false 不填默认是false
你想要的效果是,表格的每一行后面有个“添加”按钮,点击按钮后,会自动复制当前行,添加到当前行的后面,这个效果吧?
假设,我们有这样一个table表格:
table id="table"
tr
td内容1/td
td
button class="addtr"添加/button
button class="deltr"删除/button
/td
tr
/table
用jquery来实现“添加”和“删除”的功能:
下面这个是添加:
$("#table").on("click","button.addtr",function(){
var $tr=$(this).parents("tr");
$tr.append($tr.clone());
});
下面是删除:
$("#table").on("click","button.deltr",function(){
var $tr=$(this).parents("tr");
$tr.remove();
});
可以参考这里,有完整的在线实例演示:
query实例:表格里点击按钮后添加一行,新添加的行附带删除按钮
[html]viewplaincopyCloneMe!(1)这个例子中clone,clone(true)的区别在于,clone(ture)除了克隆集合,还会克隆click句柄(2)现象就是:clone的CloneMe!无法继续点击克隆。但是clone(true)出来的CloneMe!可以继续克隆,和原本按钮没有区别。