① ('#wrapper > ul > li').text()
$(document).ready(function(){
$('#wrapper > ul > li').text(' 감성에 시럽 ');
});
<div id="wrapper">
<ul>
<li>content</li>
</ul>
</div>
[ 변경 후 ]
<div id="wrapper">
<ul>
<li> 감성에 시럽 </li>
</ul>
</div>
// 기존에 내용이 삭제되고 새로운 내용이 추가됨
② ('#wrapper > span').text($('#copy').text());
<script>
$(document).ready(function(){
$('#wrapper').text($('#copy').text());
});
</script>
* 기존 wrapper 엘리먼트의 내용이 삭제되고 copy 엘리먼트를 추가해주기
<div id="wrapper">
<span>이곳의 내용을 바꿔 주세요.</span>
</div>
<div id="copy">
<ul>
<li>안녕 </li>
<li>마음에 </li>
<li>감성시럽 한 스픈 어떠니?.</li>
</ul>
</div>
[ 변경 후 ]
<div id="wrapper">
<span>안녕 마음에 감성시럽 한 스픈 어떻니?.</span>
</div>
<div id="copy">
<ul>
<li>안녕 </li>
<li>마음에 </li>
<li>감성시럽 한 스픈 어떻니?.</li>
</ul>
</div>