JQuery .wrapInner()

1 개요

jQuery .wrapInner() Method

jQuery .wrapInner() 메소드

• 태그의 안쪽 내용을 다른 것으로 감싸는 jQuery 메소드

반면 .wrap()은 태그 바깥을 감쌈

2 예시

<style>
div { border: 3px solid silver; }
p { background: yellow; margin: 0; }
</style>
 
<script src='//code.jquery.com/jquery.min.js'></script>
<script>
$(function() {
  $('p').wrapInner('<div></div>');
});
</script>
 
<p>안녕</p>
<p>친구들</p>

실행결과

HTML 요소

<p><div>안녕</div></p>
<p><div>친구들</div></p>

→ p 태그의 안쪽을 div 태그로 감쌈

3 같이 보기

• jQuery .wrap()

4 참고

• http://api.jquery.com/wrapinner/
• http://www.w3schools.com/jquery/html_wrapinner.asp