将内容从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？

回答

相关问题