본문 바로가기
Javascript

jQuery replaceAll(), replaceWith()

by @hohoya33 2013년 04월 01일

.replaceAll() – 지정한 요소들을 다른 요소로 대체 합니다.

.replaceWith() – 지정한 요소들을 새로운 요소로 대체 합니다.

$('#replaceAllBtn').click(function(){
  $('#source').replaceAll($('#target'));           
});

$('#replaceWithBtn').click(function(){
  $('#target').replaceWith($('#source'));                   
});
<fieldset>
  <legend>Source</legend>
  <div id="source"><strong>적용되어질 텍스트입니다.</strong></div>
</fieldset>

<fieldset>
  <legend>Target</legend>
  <div id="target">타겟 영역입니다.</div>
</fieldset>

<input type="button" id="replaceAllBtn" value="replaceAll"></input>
<input type="button" id="replaceWithBtn" value="replaceWith"></input>

개의 댓글