Question

我有90多个div，每个div都有一个图像/图标。我想要它，以便当我点击其中一个时，该图像出现在另一个div中。什么是一个体面的方式来做到这一点？我还不太了解JS，所以用HTML的一个小例子也不胜感激，也仅限于html5，Ajax和js。

编辑：我应该澄清一下，我希望内容进入的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.“

Answer 1

试试这个（你需要加载Jquery库）

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

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

这是一个例子，它不适用于您的HTML，除非我对我的课程和ID感到幸运

Here is a DEMO

Answer 2

阅读：css3中的目标这很容易用CSS3没用多少JS 阅读一个简单但很棒的教程

On css3-tricks

and the demo 真的值得一读

克隆从1 div到另一个div的内容？

2 个答案: