jQuery DOM 작업 unwrap() 메서드

wrap 메서드를 통해 선택한 요소에 래핑된 상위 요소를 추가할 수 있습니다. 반대로 선택한 요소의 상위 요소가 삭제되면 어떻게 해야 할까요?

jQuery에서는 Wrap 방식과 반대되는 unwarp() 방식을 제공합니다. 일치하는 요소 집합에서 상위 요소를 제거하고 해당 요소(있는 경우 형제 요소)를 원래 위치에 그대로 둡니다.

아래 예를 작성해 보겠습니다.

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title></title>
    <script src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script>
</head>
<body>
    <div>
        <p>元素</p>
    </div>

    <script>
        $("p").unwrap("<div></div>");
    </script>
</body>
</html>

친구가 로컬에서 실행한 다음 브라우저에서 F12를 눌러 디버깅하거나 단축키 ctrl+shift+i를 사용하면 먼저 작성하기 시작한 div를 볼 수 있습니다. 삭제되었습니다

이전에는 모든 요소를 삭제하는 제거 또는 비어 있는 메소드를 사용했지만, unwrap 메소드는 상위 노드만 삭제하고 하위 노드는 삭제하지 않는다는 점에 유의하세요. 위 사례를 참고하시면 됩니다

다음 섹션

새로운 파일

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title></title>
	<script src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script>
</head>
<body>
	<div>
		<p>元素</p>
	</div>

	<script>
		$("p").unwrap("<div></div>");
	</script>
</body>
</html>

제출하다 코드 재설정

자동운전

전체 화면