jQuery wrapInner() 메서드

jQuery HTML/CSS 메서드

wrapInner() 메서드는 지정된 HTML 요소를 각 선택된 요소의 내용 주위에 포함합니다。

문법：

내용 주위에 요소를 포함합니다：

$(selector).wrapInner(wrappingElement)

함수를 사용하여 요소를 내용 주위에 포함합니다：

$(selector).wrapInner(function(index))

예제

각 <b>요소를 각 <p>요소의 내용 주위에 포함합니다：

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

이 예제는 document.createElement()를 사용하여 <b> 요소를 생성하고, 각 <p> 요소 내용 주위에 감싸는 예제입니다:

$("button").click(function(){
　　$("p").wrapInner(document.createElement("b"));
});

함수로 내용을 감싸기:

$("button").click(function(){
　　$("p").wrapInner(function(){
　　　　　　return　document.createElement("b");
　　});
});

매개변수 값

jQuery HTML/CSS 메서드