jQuery의 clone() 함수는 양식에 입력 항목 추가 및 빼기를 구현합니다.

이번 글은 jQuery에서 clone() 함수를 사용하여 폼에 입력 항목을 추가하고 줄이는 예제 코드를 주로 소개하고 있으니 참고할만한 내용이군요. 모두를 도와주세요.

저는 clone() 함수 메소드에 대해 깊이 이해한 적이 없어서 항상 다음과 같이 해당 형식에서 입력 항목을 늘리거나 줄이는 데 사용했습니다.

var copy_html=$(选择器).html(); 
alert(copy_html);

문제는 결과 copy_html은 개체 캡슐화가 없는 HTML 콘텐츠 코드이며 다음을 사용하여 unobject 개체 유형을 가져옵니다. $(selector)에 onclick과 같은 트리거가 포함되어 있으면 copy_html을 계속 사용합니다. onclick 메소드를 사용하려면 true: clone(true)를 추가하고 .

사진으로 직접 이동:

"+"를 클릭하고 자체 복사한 후 자체 앞에 추가:

추가 방법:

var copy_html=$(选择器).clone(); 
alert(copy_html);

마지막으로 HTML 코드 붙여넣기:

$(function(){　　
//增加省份、招生人数
　　$(".addbtn").click(function(){
　　　　var copy_str=$(this).parents(".form-group").clone();
　　　　copy_str.find("i").removeClass("fa-plus").addClass("fa-minus");　　　　//将按钮图标“+”，变为“-”　　　　
　　　　copy_str.find("button").removeClass("addbtn");　　　　　　　　　　　　　//去除class名“addbtn”,避免新增的输入项沿用此添加方法
　　　　copy_str.find("button").attr("onclick","canelf(this)");　　　　　　　　　　//增加点击删除自身触发事件
　　　　$(this).parent().parent().parent().before(copy_str);　　　　　　　　　　//追加
　　});
});
//增加项，删除方法
function canelf(e){
　　$(e).parent().parent().parent().remove();
}

관련 권장 사항:

jQuery의 clone() 함수 사용 예제에 대한 자세한 설명

jQuery.clone() 함수 예제

jQuery의 clone() 및 확장() 비교 및 ​​사용 jQuery

위 내용은 jQuery의 clone() 함수는 양식에 입력 항목 추가 및 빼기를 구현합니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!