-
jQuery - .wrap()카테고리 없음 2020. 6. 23. 19:51
.wrap()
- 선택한 요소를 원하는 태그로 감싼다.
문법
.wrap( wrappingElement )예를 들어
$( 'p' ).wrap( '<div></div>' );는 p 요소를 div로 감싼다. class나 id값을 추가할 수도 있다.
$( 'p' ).wrap( '<div id="ab" class="cd"></div>' );여러 태그로 감쌀 수도 있다.
$( 'p' ).wrap( '<div><strong></strong></div>' );
예제
- 클래스의 값이 a인 p 요소를 blockQuote 태그로 감싼다.
<!doctype html> <html lang="ko"> <head> <meta charset="utf-8"> <title>jQuery</title> <script src="//code.jquery.com/jquery-3.3.1.min.js"></script> <script> $( document ).ready( function() { $( 'p.a' ).wrap( $( '<blockquote></blockquote>' ) ); } ); </script> </head> <body> <h1>Lorem ipsum dolor.</h1> <p>Hello World!</p> <p class="a">Goodbye World!</p> </body> </html>