replaceWith 메서드

replaceWith 메서드는 일부 요소를 다른 요소로 교체합니다. 이 메서드는 replaceAll 메서드와 유사하게 작동합니다.

구문

메서드의 매개변수는 텍스트(태그 포함 가능), 배열, DOM 요소 또는 jQuery 객체가 될 수 있습니다:

javascript$(무엇을_교체할지).replaceWith(무엇으로_교체할지);

선택된 요소는 사용자 정의 함수가 반환한 텍스트의 내용으로 교체됩니다. 이 함수는 선택된 각 요소에 대해 개별적으로 호출됩니다:

javascript$(셀렉터).replaceWith(function());

예시

클래스 www를 가진 모든 단락을 텍스트 '!!!'가 들어 있는 div로 교체해 봅시다:

html<p class="www">text</p>
<p class="www">text</p>
<p class="www">text</p>
<p>text</p>

javascript$('p.www').replaceWith('<div>!!!</div>');

HTML 코드는 다음과 같이 변합니다:

html<div>!!!</div>
<div>!!!</div>
<div>!!!</div>
<p>text</p>

참고 항목