這篇文章主要介紹jQuery中clone()函數(shù)怎么實現(xiàn)表單中增加和減少輸入項，文中介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們一定要看完！

創(chuàng)新互聯(lián)是一家集網(wǎng)站建設(shè),浮山企業(yè)網(wǎng)站建設(shè),浮山品牌網(wǎng)站建設(shè),網(wǎng)站定制,浮山網(wǎng)站建設(shè)報價,網(wǎng)絡(luò)營銷,網(wǎng)絡(luò)優(yōu)化,浮山網(wǎng)站推廣為一體的創(chuàng)新建站企業(yè)，幫助傳統(tǒng)企業(yè)提升企業(yè)形象加強(qiáng)企業(yè)競爭力?？沙浞譂M足這一群體相比中小企業(yè)更為豐富、高端、多元的互聯(lián)網(wǎng)需求。同時我們時刻保持專業(yè)、時尚、前沿，時刻以成就客戶成長自我，堅持不斷學(xué)習(xí)、思考、沉淀、凈化自己，讓我們?yōu)楦嗟钠髽I(yè)打造出實用型網(wǎng)站。

之前一直沒有深入了解到clone()函數(shù)的方法，所以對應(yīng)表單中增加和減少輸入項一直使用如：

var copy_html=$(選擇器).html(); 
alert(copy_html);

問題在于得出的copy_html直接是HTML內(nèi)容代碼，未經(jīng)過object封裝，而使用：

var copy_html=$(選擇器).clone(); 
alert(copy_html);

得出未object對象類型，若$(選擇器)包含了某個觸發(fā)，如 onclick，如果想copy_html繼續(xù)沿用onclick方法，只需添加true：clone(true)使用。

直接上圖：

點(diǎn)擊“+”,拷貝自身，并在自身之前追加：

增加方法：

$(function(){　　
//增加省份、招生人數(shù)
　　$(".addbtn").click(function(){
　　　　var copy_str=$(this).parents(".form-group").clone();
　　　　copy_str.find("i").removeClass("fa-plus").addClass("fa-minus");　　　　//將按鈕圖標(biāo)“+”，變?yōu)椤?”　　　　
　　　　copy_str.find("button").removeClass("addbtn");　　　　　　　　　　　　　//去除class名“addbtn”,避免新增的輸入項沿用此添加方法
　　　　copy_str.find("button").attr("onclick","canelf(this)");　　　　　　　　　　//增加點(diǎn)擊刪除自身觸發(fā)事件
　　　　$(this).parent().parent().parent().before(copy_str);　　　　　　　　　　//追加
　　});
});
//增加項，刪除方法
function canelf(e){
　　$(e).parent().parent().parent().remove();
}

最后貼上HTML代碼：

省份



全部
北京市
浙江省
天津市
安徽省
上海市
福建省
重慶市
江西省
山東省
河南省
湖北省
湖南省
廣東省
海南省
山西省
青海省
江蘇省
遼寧省
吉林省
臺灣省
河北省
貴州省
四川省
云南省
陜西省
甘肅省
黑龍江省
香港特別行政區(qū)
澳門特別行政區(qū)
廣西壯族自治區(qū)
寧夏回族自治區(qū)
新疆維吾爾自治區(qū)
內(nèi)蒙古自治區(qū)
西藏自治區(qū)