jquery를 직접 만들어 자동으로 행을 추가, 삭제하는 기능 소개plug-in_jquery

function addRow(num, isInsert , target) {
for (var i = 0; i < num - count; i ) {
var temp = content.find("." settings.tempRowClass). first().clone(true) ;
temp.find("input").val("")
temp.find("select").val("-1"); temp.find("textarea") .val("");
temp.find(":checkbox").attr("checked", false)
temp.attr("id", "" );
temp.find ("input,tr,textarea,select,:checkbox,tbody").attr("id", "")
if (temp.find(".richText"). 길이 > 0) {
temp.find(".ke-container").remove()
}
temp.find(".richText,input").each(function() {
$(this).attr("id", "txt_" Math.round(Math.random() * new Date().getTime()))
$(this).show(); 🎜>});
if (isInsert) {
temp.insertBefore(target.closest("." settings.tempRowClass))
} else {
content.append(temp); 🎜>}
}
if (num < count) {
for (var j = count - 1; j >= num; j--) {
delRow(content.find( "." settings.tempRowClass).eq(j));
}
} else {
if (settings.addCallBack)
settings.addCallBack($(temp));
count = content.find ("." settings.tempRowClass).length;
settings.changeInput.val(count)
sumIndex()
showhideBtn()};


이 메서드를 작성할 때 하위 집합을 검색하기 전에 항상 content를 호출했다는 사실을 눈치채셨을 것입니다. 이는 한 페이지에서 동시에 여러 호출이 발생할 때 충돌을 방지하기 위한 것입니다.

이 플러그인은 작성만 하면 기본적으로 완성됩니다. 앞으로 몇 백 줄의 코드만으로 유용하고 실용적이라고 생각되는 작은 도구를 완성했습니다. HTML에서 해당 설정을 지정하는 것도 너무 쉽죠? 코드가 비교적 거친 편이니 전문가가 도와주시면 함께 토론해 보실 수 있습니다. 제 Q 그룹에 참여해 보세요. 함께 배우고 발전해보세요! 70210212 또는 77813547.