객체 편집 메서드
replaceAll() / replaceWith()
replaceAll() / replaceWith(): 선택한 요소를 새 요소로 바꿀 때 사용
기본형
$("새 요소").replaceAll("요소 선택");
$("요소 선택").replaceWith("새 요소");
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<title>Document</title>
<script>
$(function() {
$('h2').replaceWith('<h3>relace method</h3>'); // h2 를 relace method 로 변경
$('<p>Change</p>').replaceAll('div'); // 모든 div 요소를 change 로 변경
});
</script>
</head>
<body>
<section class="box1">
<h2>제목1</h2>
<div>내용1</div>
<div>내용2</div>
</section>
<section class="box2">
<h2>제목2</h2>
<div>내용3</div>
<div>내용4</div>
</section>
</body>
</html>
