克隆多个图片javascript

Question

我正在尝试在幻灯片放映中使用此故障效果，因此它可以正常工作，我必须将源图像再克隆3次。 第一张图片效果很好，是在我尝试添加幻灯片放映的第二张图片时出现了问题。 与克隆第二张图像本身不同，第一张图像的读取方式与其克隆之一类似。

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

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

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

Answer 1

尾部逗号始终是一个问题。

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

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

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

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

我对您的代码进行了一些更改。 在这里检查。