[jQuery] 기존의 요소 변경 - replaceAll(), replaceWith()

Front-End/jQuery

[jQuery] 기존의 요소 변경 - replaceAll(), replaceWith()

리딩리드 2017. 1. 4. 17:20

기존의 요소 변경 - replaceAll(), replaceWith()

1. replaceWith()

- repaceWith()의 인수에 태그 문자열이나 jQuery객체를 지정할 수 있다

1) 예

- 변경 전

- 변경 후

<!DOCTYPE html> <head> <meta charset="UTF-8"> <title>Title</title> <style> ul{ border: 1px solid black; } .highlight{ color : red; } </style> </head> <div id="hat"> hat </div> <ul > <li>shirt</li> <li>pants</li> </ul> <script src="http://code.jquery.com/jquery-1.11.0.min.js"></script> <script> $(function(){ $('#hat').replaceWith('<p class="highlight">cap</p>'); }); </script>