jQuery 문서 작업 - replaceWith() 메서드

jQuery 효과 참조 매뉴얼

예제

각 문단을粗体 텍스트로 대체합니다:

$(".btn1").click(function(){
   $("p").replaceWith("<b>Hello world!</b>");
});

직접 시도해 보세요

정의와 사용법

replaceWith() 메서드는 지정된 HTML 내용이나 요소로 선택된 요소를 대체합니다.

추천:replaceWith()와 replaceAll() 동일한 기능. 차이는 문법: 내용과 선택자의 위치, 그리고 replaceAll()가 함수로 대체할 수 없음.

문법

$().replaceWith(content)
매개변수 설명
content

필수. 선택된 요소를 대체할 내용을 지정합니다.

가능한 값:

  • HTML 코드 - 예를 들어 ("<div></div>")
  • 새 요소 - 예를 들어 (document.createElement("div"))
  • 기존 요소 - 예를 들어 ($(".div1"))

기존 요소는 이동되지 않고, 단순히 복사되어 선택된 요소를 감싸는 것입니다.
필수. 대체할 요소를 지정합니다.

함수로 요소를 대체합니다

함수를 사용하여 선택된 요소를 새 내용으로 대체합니다.

문법

$().replaceWith(function())

직접 시도해 보세요

매개변수 설명
function() 필수. 선택된 요소를 대체할 새 내용을 반환하는 함수.

더 많은 예제

새 요소로 요소를 대체합니다
document.createElement()를 사용하여 새 DOM 요소를 생성한 다음, 그것을 선택된 요소로 대체합니다.

jQuery 효과 참조 매뉴얼