<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Title</title>
<script src="https://code.jquery.com/jquery-3.7.0.min.js"></script>
<style>
</style>
</head>
<body>
<div class = "textarea">
<p class="txt1">upwrap은 부모태그를 삭제합니다.</p>
<p class="txt1">upwrap은 부모태그를 삭제합니다.</p>
</div>
<p class="txt1">upwrap은 부모태그를 삭제합니다.</p>
<p class="txt1">upwrap은 선택한 태그 각각에 부모태그를 생성합니다.</p>
<p class="txt1">upwrap은 부모태그를 삭제합니다.</p>
</body>
<script>
//1. unwrap() : 부모 태그 삭제
// $(".txt1").unwrap();
//2. wrap("새태그) : 지정된 태그로 선택된 태그 각각을 감쌈.
// $("body>p").wrap("<div/>");
//3. wrapALL("새태그"):지정된 태그로 선택된 태그를 모두 감쌈.
$("body>p").wrapAll("<div id='hahahahah'/>");
//4. wrapinner 선택한 태그위 하위항목들을 각각 래퍼로 감쌈
$(".textarea>p").wrapInner("<strong/>");
</script>
</html>
댓글 영역