jQuery將DIV複製到另一個DIV中

需要一些jQuery幫助將DIV複製到另一個DIV中，並希望這可能。我有以下HTML：jQuery將DIV複製到另一個DIV中

<div class="container"> 
    <div class="button"></div> 
    </div>

然後我在另一地點的另一個DIV在我的網頁，我想複製「按鈕」 DIV成以下「一攬子」的div：

<div class="package"> 

Place 'button' div in here 

</div>

來源

2013-04-17 Dan

你要使用順序clone()方法獲取元素的深層副本：

$(function(){ 
    var $button = $('.button').clone(); 
    $('.package').html($button); 
});

完整的示例：http://jsfiddle.net/3rXjx/

從jQuery docs：

的.clone（）方法執行組匹配元件的深層副本，這意味着它的副本匹配的元素以及它們的派生元素和文本節點的所有。當結合與插入方法之一使用的，.clone（）是一個方便的方法來在頁面上重複的元素。

來源

2013-04-17 19:04:19 chrx

這不會保留用戶在輸入中添加的值。 –

你能告訴我爲什麼我們需要'var $ button'中的$''。我相信你可以簡單地將var聲明爲'var button'。 – KNU

@KNU這不是必須的，但它是jQuery世界中的常見約定。它表明$ button變量是一個jQuery對象。見http://stackoverflow.com/questions/205853/why-would-a-javascript-variable-start-with-a-dollar-sign – chrx

-1

$(".package").html($(".container").html());

來源

2013-04-17 19:04:35 cdlong

立此事件

$(function(){ 
    $('.package').click(function(){ 
     var content = $('.container').html(); 
     $(this).html(content); 
    }); 
});

來源

2013-04-17 19:05:12

-1

，您可以複製DIV這樣

$(".package").html($(".button").html())

來源

2013-04-17 19:05:16 JAVAGeek

使用克隆和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>

來源

2015-10-01 06:38:44

jQuery將DIV複製到另一個DIV中

回答

相關問題