제이쿼리 하위태그 삭제 및 태그 삭제

1.

<div id = "div1">

    <div id = "div2">

        <div id = "div3">

         </div>

    <div>

</div>

<button id = "btn1"></button>

<button id = "btn2"></button>

 

<script>

// div1 하위태그 삭제

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

    $("#div1").empty();

});

 

// div1 태그 삭제

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

    $("#div1").remove();

});

</script>

 

 

첫번째 버튼 클릭시 div1 아래에 있는 하위 태그 모두 삭제 .empty();

두번째 버튼 클릭시 div1 포함 하위 태그까지 모두 삭제    .remove();

 

 

2. 

<p id="one">안녕하세요.</p>

<p id="two">devkuma입니다.</p>

<p id="three">반갑습니다.</p>

 

 

<p> 요소 중에 id가 one, two인 요소를 삭제한다.

 

$("p").remove("#one, #two");

 

 

 

 

 

 

 

 

참조: http://www.devkuma.com/books/pages/385