克隆多个图像javascript答案

【问题标题】：Cloning more than one image javascript克隆多个图像javascript
【发布时间】：2018-04-28 23:48:05
【问题描述】：

我正在尝试在幻灯片中使用此故障效果，因此它可以工作，我必须再克隆源图像 3 次。第一张图片工作得很好，当我尝试添加幻灯片的第二张图片时，问题就出现了。而不是克隆第二个图像本身，第一个图像的读取方式就像它的一个克隆一样。

这是我到目前为止得到的一个小提琴https://jsfiddle.net/oqbf6kkc/

我认为主要问题是 javascript，但我无法真正理解。

$(document).ready(function(){
    $(".glitch-image img").clone().appendTo(".glitch-image").end()
})

【问题讨论】：

我不确定你想要的效果，但可能是你在第 337 行多了一个逗号。
@Sébastien 删除了逗号，它仍然是一样的。我希望在每张图片中都有一个故障效果。为了获得这种故障效果，我需要克隆图像 4 次，但我可以成功地做到这一点。问题是当我克隆第二个图像时，第一个图像将其读取为它的一个克隆。
您有在某处工作的效果示例吗？我不明白你想要达到什么目的。

标签： javascript jquery clone slideshow

【解决方案1】：

尾随逗号总是一个问题。

请删除第 n 个子选择器前面的逗号

.glitch-image img:nth-child(2),  {

另外，我不确定你提到的效果，但你的 JS 代码也有问题。您没有遍历所有元素。

    $(document).ready(function(){
  $(".glitch-image img").clone().appendTo(".glitch-image").end()
})

我对您的代码进行了一些更改。检查他们here.

【讨论】：

非常感谢！这正是我所需要的。我知道 js 出了点问题，但我不知道是什么。