JavaScript - jQuery 엘리먼트 삭제기능, remove()

엘리먼트 삭제

자신.remove()

 

HTML 소스

<button id="btn1">추가</button>
<button id="btn2">삭제</button>

<div id="list"></div>

 

스크립트 소스

$("#btn1")[0].addEventListener("click", function () {
    // jQuery -> $("#list").append($("<h1>").text("테스트") );
    $("#list").html($("#list").html() + "<h1>테스트</h1>");
});

$("#btn2")[0].addEventListener("click", function () {
    //$("h1:last-child").remove();

    // list 하위의 모든 h1 삭제하기
    $("#list h1").remove();
    //$("h1").remove();
    //$("#list").html("");
});

 

결과