實例
創(chuàng)新互聯(lián)是一家專注于網(wǎng)站設(shè)計制作、成都網(wǎng)站制作和溫江服務(wù)器租用的網(wǎng)絡(luò)公司,有著豐富的建站經(jīng)驗和案例。
克隆并追加一個 p 元素:
$("button").click(function(){
$("body").append($("p").clone());
});
定義和用法clone() 方法生成被選元素的副本,包含子節(jié)點、文本和屬性。語法$(selector).clone(includeEvents)參數(shù)描述includeEvents可選。布爾值。規(guī)定是否復(fù)制元素的所有事件處理。默認(rèn)地,副本中不包含事件處理器。
實例復(fù)制一個元素,包括事件處理器使用 clone() 方法來復(fù)制元素,包括其事件處理器。
我看jQuery的api,clone(true) 元素以及其所有的事件處理并且選中這些克隆的副本
描述:
創(chuàng)建一個按鈕,他可以復(fù)制自己,并且他的副本也有同樣功能。
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
補(bǔ)充說明:你的原代碼中存在兩個id都是stg1的元素,這會造成沖突的,我暫且把第二個改為istg1
jquery復(fù)制html元素給另外一個元素,首先我們需要考慮的就是將要復(fù)制的那個元素獲取到,一般是通過給一個id,然后在通過innerHTML獲取到html代碼,給另外一個元素的話,我就通過變量的賦值就行了,這里通過代碼來理解:
html
head/head
script
var oDiv = document.getElementById('div1');
var oDiv1 = oDiv.innerHTMl;
/script
body
div id='div1'
p我是復(fù)制內(nèi)容/p
/div
/body
/html