반응형
jDIV를 다른 DIV로 복제합니다.
DIV를 다른 DIV에 복사하는 데 도움이 필요하고 이것이 가능하기를 바랍니다.HTML은 다음과 같습니다.
<div class="container">
<div class="button"></div>
</div>
그런 다음 페이지의 다른 위치에 다른 DIV가 있는데 '버튼' div를 다음 '패키지' div에 복사하려고 합니다.
<div class="package">
Place 'button' div in here
</div>
다음을 사용할 수 있습니다.clone()요소의 전체 복사본을 가져오는 방법:
$(function(){
var $button = $('.button').clone();
$('.package').html($button);
});
전체 데모: http://jsfiddle.net/3rXjx/
jQuery 문서에서:
.clone() 메서드는 일치하는 요소 집합의 전체 복사본을 수행합니다. 즉, 일치하는 요소와 해당 하위 요소 및 텍스트 노드를 모두 복사합니다.삽입 방법 중 하나와 함께 사용할 경우 .clone()은 페이지의 요소를 복제하는 편리한 방법입니다.
복제 및 appendTo 함수를 사용하여 코드 복사:
다음은 작업 예제 jsfiddle입니다.
<!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>
당신은 당신의 div를 이렇게 복사할 수 있습니다.
$(".package").html($(".button").html())
이벤트에 저장
$(function(){
$('.package').click(function(){
var content = $('.container').html();
$(this).html(content);
});
});
언급URL : https://stackoverflow.com/questions/16068047/jquery-duplicate-div-into-another-div
반응형
'programing' 카테고리의 다른 글
| ScrollView 내부의 RecyclerView가 작동하지 않습니다. (0) | 2023.08.06 |
|---|---|
| Angular 2+에서 IMG 요소가 로드된 경우 감지 (0) | 2023.08.06 |
| pip로 패키지의 특정 버전을 설치하는 방법은 무엇입니까? (0) | 2023.08.06 |
| SQL Server에 데이터베이스 역할이 있는지 확인하는 방법은 무엇입니까? (0) | 2023.08.06 |
| redis를 사용하여 사전을 저장하고 검색하는 방법 (0) | 2023.08.06 |