實(shí)例
創(chuàng)新互聯(lián)是一家專注于網(wǎng)站設(shè)計(jì)制作、成都網(wǎng)站制作和溫江服務(wù)器租用的網(wǎng)絡(luò)公司,有著豐富的建站經(jīng)驗(yàn)和案例。
克隆并追加一個(gè) p 元素:
$("button").click(function(){
$("body").append($("p").clone());
});
定義和用法clone() 方法生成被選元素的副本,包含子節(jié)點(diǎn)、文本和屬性。語法$(selector).clone(includeEvents)參數(shù)描述includeEvents可選。布爾值。規(guī)定是否復(fù)制元素的所有事件處理。默認(rèn)地,副本中不包含事件處理器。
實(shí)例復(fù)制一個(gè)元素,包括事件處理器使用 clone() 方法來復(fù)制元素,包括其事件處理器。
我看jQuery的api,clone(true) 元素以及其所有的事件處理并且選中這些克隆的副本
描述:
創(chuàng)建一個(gè)按鈕,他可以復(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"自動(dòng)/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ǔ)充說明:你的原代碼中存在兩個(gè)id都是stg1的元素,這會(huì)造成沖突的,我暫且把第二個(gè)改為istg1
jquery復(fù)制html元素給另外一個(gè)元素,首先我們需要考慮的就是將要復(fù)制的那個(gè)元素獲取到,一般是通過給一個(gè)id,然后在通過innerHTML獲取到html代碼,給另外一個(gè)元素的話,我就通過變量的賦值就行了,這里通過代碼來理解:
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
新聞標(biāo)題:jquery復(fù)制元素,jq點(diǎn)擊復(fù)制文本
瀏覽路徑:http://m.rwnh.cn/article40/dsdhgho.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供域名注冊(cè)、企業(yè)網(wǎng)站制作、響應(yīng)式網(wǎng)站、網(wǎng)站改版、網(wǎng)站制作、營銷型網(wǎng)站建設(shè)
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)