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

예제

각 p 요소의 내용에 b 요소를 포함합니다:

$(".btn1").click(function(){
   $("p").wrapInner("<b></b>");
});

직접 시도해 보세요

정의와 사용법

wrapInner() 메서드는 지정된 HTML 내용이나 요소를 사용하여 각 선택된 요소의 모든 내용(inner HTML)을 포함합니다.

문법

$().wrapInner(wrapper)
파라미터 설명
wrapper

必需. 선택된 요소 주위에 포함된 내용을 정의합니다.

가능한 값:

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

기존 요소는 이동되지 않고, 복사되어 선택된 요소를 포함합니다.

함수로 내용 포함

각 선택된 요소 주위에 내용을 정의하는 함수를 사용합니다.

문법

$().wrapInner(function())

직접 시도해 보세요

파라미터 설명
function() 必需. 포함된 요소를 정의하는 함수를 지정합니다.

더 많은 예제

새 요소로 포함
각 선택된 요소를 포함하는 새 DOM 요소를 생성합니다。