01. remove 함수
문법
.remove( [ selector ] )
remove 함수는 선택한 요소를 제거할 때 사용하거나, 요소 내의 태그들을 삭제할 때 사용합니다.
예제 소스
<html lang="ko">
<head>
<title>kkamikoon javascript</title>
<script>
$( document ).ready( function() {
$( 'ul' ).remove( '.rm' );
} );
</script>
</head>
<body>
<ul class='rm'>
<li>Test1</li>
<li>Test2</li>
</ul>
</body>
</html>
결과
<body> </body>
위와 같이 class 이름이 rm인 ul이 사라진 것을 볼 수 있습니다.
02. remove 함수 응용
이를 특정 id 값을 지정해주어 해당 요소 내부에 있는 값들만을 제거하고 싶을 때가 있을 것입니다.
이때의 예제는 다음과 같습니다.
예제 소스
<script>
function TestList()
{
//$("test_list").remove(); // div 자체를 삭제하기 때문에 사용하지 않음
$("test_list *").remove(); // div 아래에 있는 태그들만 삭제함
}
</script>
<div id="test_list">
<li> It is Test </li>
<li> It is Test </li>
<li> It is Test </li>
</div>
위의 예제 소스에서 TestList 함수를 실행시키면 다음과 같은 결과값으로 HTML이 변경됩니다.
결과
<div id="test_list"></div>
'WEB PROGRAMMING > Javascript 응용' 카테고리의 다른 글
| [Javascript] 자바스크립트로 로딩중 화면 만들기(로딩 표시) (4) | 2019.03.05 |
|---|---|
| [Javascript] onchange 이벤트로 내용 변경 감지 (6) | 2019.02.19 |
| [JQuery] append() 함수를 이용하여 콘텐츠를 추가하는 방법 (2) | 2019.02.06 |
| [Javascript] 요소(Element)의 속성(Attribute) 값 변경하기/설정하기 (0) | 2019.02.05 |