<style type="text/css">
.css_test div {
border-radius : 5px;
border : 3px solid gray;
margin : 5px;
padding : 10px;
}
.css_test div.hello {
background : #FFD7EB;
color : #FF0080;
font-weight : bold;
}
.css_test2 textarea {
border-radius : 5px;
border : 3px solid gray;
box-shadow : 0 0 5px silver;
height : 80px;
margin-top : 5px;
width : 100%;
}
</style>
아래 글자를 클릭해 보세요~!<br><br>
<div class="css_test">
<div
onclick="j_test( this )">jQuery 공작소</div>
<div
onclick="j_test( this )">jQuery 공작소</div>
</div>
<div class="css_test2 mt20">
<b>위의 태그 보기</b><br>
<textarea></textarea>
</div>
<script type="text/javascript">
function j_test(o){
$('<div class="hello">환영합니다 !!</div>')
.insertBefore(o);
j_test2();
}
function j_test2(){
$( '.css_test2 textarea' ).val( $('.css_test').html() );
}
j_test2();
</script>