jQuery wrapAll() 메서드

jQuery HTML/CSS 메서드

wrapAll() 메서드는 지정된 HTML 요소를 모든 선택된 요소 주위에 포함시킵니다。

문법：

$(selector).wrapAll(wrappingElement)

예제

모든 <p> 요소 주위에 DIV 요소를 포함시킵니다：

$("button").click(function(){
　　$("p").wrapAll("<div></div>");
});

이 예제는 document.createElement()를 사용하여 DIV 요소를 생성하고 모든 <p> 요소 주위에 포함시킵니다：

$("button").click(function(){
　　$("p").wrapAll(document.createElement("div"));
});

이 예제에서 구절 사이의 모든 내용이 잊혀졌다는 점에 유의해야 합니다. 예를 들어, (저는 뭘까요?)와 같은 내용:

wrap() 메서드와 wrapAll() 메서드의 차이:

$("#btn1").click(function(){
　　$("p").wrap("<div></div>");
});
$("#btn2").click(function(){
　　$("p").wrapAll("<div></div>");
});

파라미터 값

jQuery HTML/CSS 메서드