clone

2021. 11. 1. 14:17웹 프로그래밍/JavaScript

$('.복사할셀렉터').clone().removeClass('특정클래스제거').attr('id','아이디추가').appendTo( '.ul_list_02 .clear' );

클론으로 복사한 경우 기존 자바스크립트 이벤트 트리거가 안먹힘.

태그에 onclick 이벤트를 달던가, 아래 코드블럭에 하단 처럼 이벤트를 주어야 함

jQuery(function($){
        $( "#test" ).on( "click" , "#button", function() {
            $("#test ul").append("<li>test" +$('li').length+ "</li>");
        });          
        $(li ).on( "click" , function() {              
            alert($(this).text());          
        });         
    });  
    

jQuery(function($){
        $( "#test" ).on( "click" , "#button", function() {
            $("#test ul").append("<li>test" +$('li').length+ "</li>");
        });          
        $(document ).on( "click" , "li", function() {              
            alert($(this).text());          
        });         
    });
728x90

'웹 프로그래밍 > JavaScript' 카테고리의 다른 글

뒤로가기로 왔을 경우  (0) 2022.05.17
부모창 자식창간에 통신(크로스 도메인도 가능)  (0) 2022.04.19
자주쓰는 사용자정의 함수 및 정규식  (0) 2021.08.26
스크롤  (0) 2021.08.26
DOM 접근  (0) 2021.08.18