[jQuery] wrapInner()

wrapInner() 한 줄 정의

선택한 요소 “안에 있는 자식들만” 새로운 요소로 감싼다

👉 부모는 그대로, 내용만 포장

 

실행 전

<div id="box">
    <p>내용1</p>
    <p>내용2</p>
</div>

 

$('#box').wrapInner('<div class="inner"></div>');

 

실행 후

<div id="box">
    <div class="inner">
        <p>내용1</p>
        <p>내용2</p>
    </div>
</div>

✔ #box는 그대로
✔ 자식들만 .inner로 감싸짐