gpt4 book ai didi

将一张图片源复制到另一张图片的 Jquery 代码

转载 作者:行者123 更新时间:2023-12-01 04:49:05 24 4
gpt4 key购买 nike

我计划最终制作一个灯箱,但我想学习 JavaScript 的方法。我的目标是,当您单击其中一张图像时,它会将该图像源复制到 ID 为“copiedTo”的 div 中

我只是不明白我的代码是怎么错的。这是 HTML:

<body>
<div id="gallery">
<ul>
<li>
<img src="1.jpg"/>
</li>
<li>
<img src="2.jpg"/>
</li>
<li>
<img src="1.jpg"/>
</li>
<li>
<img src="2.jpg"/>
</li>
<li>
<img src="1.jpg"/>
</li>
<li>
<img src="2.jpg"/>
</li>
</ul>
</div>

<div id="copiedTo"><img src="#"/></div>
</body>

还有我的 JavaScript:

$(document).ready(function () {

var image = $(this).attr('src');
$('#gallery ul img').click(function() {
$('#CopiedTo img').attr('src', image);
});

});

谢谢。

最佳答案

请将您的代码更新为

$(document).ready(function () {
$('#gallery ul img').click(function() {
var image = $(this).attr('src');
$('#copiedTo img').attr('src', image);
});
});

还将您的 CopiedTo 更改为 CopyTo ,在此处检查工作 jsfiddle http://jsfiddle.net/5AGmp/

关于将一张图片源复制到另一张图片的 Jquery 代码,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23949595/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com