实例
创新互联是一家专注于网站设计制作、成都网站制作和温江服务器租用的网络公司,有着丰富的建站经验和案例。
克隆并追加一个 p 元素:
$("button").click(function(){
$("body").append($("p").clone());
});
定义和用法clone() 方法生成被选元素的副本,包含子节点、文本和属性。语法$(selector).clone(includeEvents)参数描述includeEvents可选。布尔值。规定是否复制元素的所有事件处理。默认地,副本中不包含事件处理器。
实例复制一个元素,包括事件处理器使用 clone() 方法来复制元素,包括其事件处理器。
我看jQuery的api,clone(true) 元素以及其所有的事件处理并且选中这些克隆的副本
描述:
创建一个按钮,他可以复制自己,并且他的副本也有同样功能。
HTML 代码:
buttonClone Me!/button
jQuery 代码:
$("button").click(function(){
$(this).clone(true).insertAfter(this);
});
div id="content" class="divContent"
div id="stg1" class="stg"
div id="div1"
div id="divmode1" class="CarMode"自动/div
img id="divImg1" src="Resources/px_down.png" class="imgCar" /
/div
div
img id="istg1" src="Resources/StgNull.png" class="imgStg" /
/div
/div
/div
script
$(function(){
for(var i=2;i21;i++){
var c=$("#stg1").clone();
c.attr("id","stg"+i);
c.find("#div1").attr("id","div"+i);
c.find("#divmode1").attr("id","divmode"+i);
c.find("#divImg1").attr("id","divImg"+i);
c.find("#istg1").attr("id","istg"+i);
c.css("left","50px");
$("#content").append(c);
}
});
/script
补充说明:你的原代码中存在两个id都是stg1的元素,这会造成冲突的,我暂且把第二个改为istg1
jquery复制html元素给另外一个元素,首先我们需要考虑的就是将要复制的那个元素获取到,一般是通过给一个id,然后在通过innerHTML获取到html代码,给另外一个元素的话,我就通过变量的赋值就行了,这里通过代码来理解:
html
head/head
script
var oDiv = document.getElementById('div1');
var oDiv1 = oDiv.innerHTMl;
/script
body
div id='div1'
p我是复制内容/p
/div
/body
/html