[jQuery] 요소 삭제 remove()

 

remove()

특정 요소를 삭제 할 경우 remove() 메서드를 사용한다.

$대상.remove()

 

클릭한 리스트 삭제하기

<script>
    $(document).ready(function() {
        $(".list li").click(function() {
            $(this).remove();
        })
    });
</script>

<ul class="list">
    <li>A</li>
    <li>B</li>
    <li>C</li>
    <li>D</li>
</ul>

 

버튼을 클릭하면 전체 자식 요소 삭제

<script>
$(document).ready(function() {
    $("#btnAdd").click(function() {
        $(".list").children().remove();
    })
});
</script>

<button id="btnAdd">
    리스트 삭제
</button>
<ul class="list">
    <li>A</li>
    <li>B</li>
    <li>C</li>
    <li>D</li>
</ul>