>  기사  >  웹 프론트엔드  >  js_javascript 스킬의 행 복사 및 삭제 작업 예시

js_javascript 스킬의 행 복사 및 삭제 작업 예시

WBOY
WBOY원래의
2016-05-16 17:31:28960검색
复제대码 代码如下:

var verifyForm = null;
  var num = 2;
  $(document).ready(function(){

   var lastCommunAddTr = $("#workDay");

   $("#add").click(function() {

         //제제일행
               var tr = $("#workDay").clone();
             tr.find("#dayMsg1").get(0).style.display=" none";
                 tr.find("#remarkMsg1").get(0).style.display="none";
               tr.find("#msg1").get(0).style.display ="none";
               tr.find("#day1").get(0).value="";
               tr.find("#dayMsg1").get(0).id="dayMsg " num;
                tr.find("#day1").get(0).id="day" num;
               tr.find("#msg1").get(0).id="msg " num;
                tr.find("#remark1").get(0).value="春节";
               tr.find("#state1").get(0).id="state" num;
              tr.find("#remark1").get(0).id="remark" num;
              tr.find("#remarkMsg1").get(0).id="remarkMsg" num;
               tr.show();
              tr.insertAfter(lastCommunAddTr);
              lastCommunAddTr = tr;
               num ;

            });

            //删除一行
            $("#workDayDel").click(function() {
               var delIndexs = new Array(0);

               $(".trWorkDay:gt(0)"). Each(function(i) {

                if($(this).find("#ck").get(0).checked == true){
                 delIndexs.splice(delIndexs.length, 0,i);
                    $(this).remove();
                 }
                  $(".trWorkDay").each(function() {

                 lastCommunAddTr = $(this) ;
               });
               });
            });
  });
성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.