HTML 태그 바꾸는 방법

HTML 태그 바꾸는 방법

예를 들어 <h2>를 <p>로 바꾸고 싶다면 다음과 같이 합니다.

$( 'h2' ).contents().unwrap().wrap( '<p></p>' );

1. <h2> 요소를 선택하고
2. 내용으로 들어간 후
3. <h2> 태그를 없애고
4. <p> 태그로 감싼다.

 

새로운 태그를 붙이면서 클래스를 넣을 수도 있습니다.

$( 'h2' ).contents().unwrap().wrap( '<p class="new"></p>' );