Javascript 是否使用单个函数将图像源复制到另一个图像标记多个实例？

有没有一种方法可以将单个函数应用于一组图像，从而将图像的源从一个img标记复制到另一个img标记

在提供的图像示例中，我希望每个图像都显示一个重复的图像标记，如下所示：

您可以查看下面的代码片段，以参考/编辑我目前正在编写的代码，从而生成此代码

$（'.pic>img'）.show（函数（）{
var srcToCopy=$（this.attr（'src'）；
$（'imgsrc'）.attr（'src'，srcToCopy）；
console.log（$（'imgsrc'）.attr（'src'））；
});
.pic，
#imgsrc{
显示：内联块；
}
.集装箱{
显示：块；
宽度：100%；
}
您的主要问题是，ID不能在页面中重复，它们在定义上是唯一的

改为使用类，遍历到容器并返回到要更改的容器中的映像实例

还有多种其他方法可以在容器实例中组织相同的操作


$（'.pic>img'）。每个（函数（）{
var srcToCopy=$（this.attr（'src'）；
$（this）.closest（'.container'）.find（'.imgsrc'）.attr（'src'，srcToCopy）；
});
.pic，
#imgsrc{
显示：内联块；
}
img{宽度：60px}
.集装箱{
显示：块；
宽度：100%；
}

@charlietfl是的，我意识到了这一点，但我需要第二个名为per image的img标记来自动提取/复制它前面的src。这正是我想要的解决方案类型！另外，感谢您指出ID问题，我感谢您的澄清。这种模式在页面中重复组件时非常常见。把它储存在你的记忆库里。本可以通过其他方式完成，例如
$（this）.parent（）.next（）
，但使用
find（）
查找主祖先非常简单