이는 다른 DIV 와 DIV 에 복사 jquery 도움말에서는 필요할 수 있다. 나는 다음 HTML:
<div class="container">
<div class="button"></div>
</div>
그리고 나는 또 다른 위치에 DIV # 39, & # 39 button& 내 페이지에서든 복사합니다를 싶다. # 39, & # 39 다음 div 에 package&. div.
<div class="package">
Place 'button' div in here
</div>
$(function(){
var $button = $('.button').clone();
$('.package').html($button);
});
전체 데모:
[JQuery docs] 에서 1:
>. 이 방법을 깊이형 복제본이므로 자크론 () 는 일련의 매칭됨 >. 즉, 모든 요소를 복사됩니다 매칭됨 요소 뿐만 아니라 >. 그들의 후손은 요소와 텍스트가 노드입니다. 함께 사용할 경우 >. 삽입에서 방법 중 하나로, 자크론 () 는 편리합니다 >. 복제본임을 페이지에서 요소.
클론할 사용하여 코드 복사 및 아펜드토 기능:
이것은 또한 apc® 예 [이스피들] [1]
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
</head>
<body>
<div id="copy"><a href="http://brightwaay.com">Here</a> </div>
<br/>
<div id="copied"></div>
<script type="text/javascript">
$(function(){
$('#copy').clone().appendTo('#copied');
});
</script>
</body>
</html>
<! - begin 스니핏: js 숨기십시오: 거짓값 콘솔: 진정한 바벨. > 거짓값 -;
$(document).ready(function(){
$("#btn_clone").click(function(){
$("#a_clone").clone().appendTo("#b_clone");
});
});
.container{
padding: 15px;
border: 12px solid #23384E;
background: #28BAA2;
margin-top: 10px;
}
<!DOCTYPE html>
<html>
<head>
<title>jQuery Clone Method</title>
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
</head>
<body>
<div class="container">
<p id="a_clone"><b> This is simple example of clone method.</b></p>
<p id="b_clone"><b>Note:</b>Click The Below button Click Me</p>
<button id="btn_clone">Click Me!</button>
</div>
</body>
</html>
끝 - < 스니핏 >;!