我怎麼能複製DIV當點擊鏈路由JavaScript

您好所有我真的好PHP開發人員並不瞭解JS尚未.....我的問題是我有格我怎麼能複製DIV當點擊鏈路由JavaScript

<div id="test1"> 

</div> 
<a href="">add div</a>

我想，當點擊中添加格鏈接，dublicte股利和變化數ID是TEST2，TEST3，無限像例如

<div id="test1"> 

</div> 
<div id="test2"> 

</div> 
<div id="test3"> 

</div>

來源

2011-03-06 user646645

隨着直JavaScript或使用jQuery可以很容易地用下列步驟完成的？ – 2011-03-06 04:48:10

如果你使用jQuery這個

<html> 
<head> 
    <script type='text/javascript' src='http://code.jquery.com/jquery-1.5.js'></script> 

    <script type='text/javascript'> 
    $(document).ready(function(){ 
     $('#div-creator').click(function(){ 
     var numberOfDivs = $('.testClass').length; 
     $('<div id="test' + numberOfDivs + '" class="testClass">hi</div>').appendTo('body'); 
     }); 
    }); 
    </script> 

</head> 
<body> 
    <div id="test1" class="testClass"></div> 
    <a href="javascript:void(0);" id="div-creator">Add Div</a> 
</body> 
</html>

演示可以在這裏找到：http://jsfiddle.net/4eDkJ/1/

來源

2011-03-06 04:50:17

thx先生的工作 – user646645 2011-03-06 06:24:02

oky如果我想設置限制前我想限制爲4那就意味着我可以增加4個以上的div – user646645 2011-03-07 08:06:58

由於這裏很難獲得更新的代碼，你可以在這裏查看擴展的例子：http://jsfiddle.net/4eDkJ/2/它顯示瞭如何添加最大4個div。既然您將此標記爲答案，請考慮對其進行投票表決：P – 2011-03-07 18:36:44

獲得通過document.getElementById（）原DIV

然後用document.createElement（'div'）創建一個新的div

然後循環第一個div的所有屬性，在第二個div上設置每個屬性。將在element.getAttribute的情況下（「ID」），並增加數量設置它

當你的新的div完成之前，做originaldiv.parentNode.appendChild（newdiv）

來源

2011-03-06 04:47:08 tkone

thx但我說即時通訊不學習js，所以我不知道document.getElementById（）的wht意思..... – user646645 2011-03-06 06:23:47

我怎麼能複製DIV當點擊鏈路由JavaScript

回答

相關問題