將內容從1個div克隆到另一個div？

我有90 + div在每個div中的圖像/圖標。我想要它，所以當我點擊其中一個時，該圖像出現在另一個div中。什麼是一個體面的方式來做到這一點？我對JS還不是很瞭解，所以我們將會讚賞一些關於HTML的例子，也僅限於html5，Ajax和js。將內容從1個div克隆到另一個div？

編輯：我應該澄清，我想內容進入的div已經制定，它不必被創建以及。

<link href="CSS/mainSource.css" rel="stylesheet" type="text/css"> 
</head> 
<body onLoad="display()"> 

<div id="testBox"> 
<div id="contentScroller"> 

<!-- I want to click one of these... --> 

<div id="ahri"><img src="images/LoLchamps/Ahri.png" width="64" height="64"></div> 
<div id="akali"><img src="images/LoLchamps/Akali.png" width="64" height="64"></div> 
<div id="alistar"><img src="images/LoLchamps/Alistar.png" width="64" height="64"></div> 
<div id="amumu"><img src="images/LoLchamps/Amumu.png" width="64" height="64"></div> 

<!-- ...and clone the div OR content from clicked div/image into a div that I'll set up below the clear fix --> 

<div style="display: block; clear: both;"></div> 
</div> 
</div> 
<script type="text/javascript"> 
var myScroll = new iScroll('testBox'); 
</script> 

</body> 
</html>

謝謝。 - 肯B.

來源

2013-02-26 user2110966

發佈了HTML的相關部分（我們並不需要看到90+圖像），和你想什麼更詳細的解釋實現，會走很長的路。雖然如果這些問題沒有得到改善，但這樣的模糊問題會被封閉 - 我們期待具體的實施問題。 – 2013-02-26 11:29:18

好吧，它基本上只是一個圖像列表。把它看作從列表中選擇一個化身。當我選擇其中一個時，我希望它出現在目標div內。這是模糊的嗎？：x – user2110966 2013-02-26 11:34:33

大多數JavaScript（這也不例外）被編寫爲與頁面上的元素（使用HTML定義）進行交互。爲了編寫JavaScript，我們需要知道頁面的結構，否則我們只是在猜測。要求你向我們提供*你已經擁有的*說實話，對我來說這似乎不是什麼大不了的事情。 – 2013-02-26 11:40:09

試試這個（你需要加載jQuery的libary）

$(document).ready(function() { 
    $("div.selecters").click(

    function() { 
     $("#clone").html($(this).html()); 
    }); 
});

這是一個例子，它不會對你的HTML工作，除非我猜幸運我的類和id的

Here is a DEMO

來源

2013-02-26 11:31:53

謝謝！這似乎像我一直在尋找的東西。 – user2110966 2013-02-26 12:14:59

是的，傳奇聯盟。呵呵..只是想爲自己製作一個有幫助的iPad應用程序。這可能會起作用，儘管我最終可能會遇到問題。因爲最終我希望能夠選擇5個不同的頭像進入5個不同的div。但我可能會弄清楚，現在不會能夠測試這個。 – user2110966 2013-02-26 12:24:58

這不會很難，你可以檢查div是否爲空或將其保存到一個不可見的div，然後單擊你想要複製到的div。然後從不可見的div複製到您選擇的div。（ps。將問題標記爲已回答） – 2013-02-26 12:28:11

閱讀：目標CSS3 它很容易與 CSS3沒有多大用處JS 讀一個簡單而偉大的教程

On css3-tricks

and the demo 它確實值得一讀

來源

2013-02-26 11:35:00

將內容從1個div克隆到另一個div？

回答

相關問題