如何将此 jquery 数组重写为 javascript

Question

我正在尝试在 javascript 中重写此代码，但不包含 jquery 部分。

var imgs = $.makeArray($("#images img"));
imgs.reverse();

function crossfade() {
  TweenMax.to(imgs[0], 1, { autoAlpha: 0, scale: 1 });
  TweenMax.to(imgs[1], 1, { autoAlpha: 1, scale: 1.2 });
  imgs.push(imgs.shift());
}

var cycle = setInterval(crossfade, 3000);

尤其是下面的部分。

var imgs = $.makeArray($("#images img"));
imgs.reverse();

Answer 1

这可能对您有所帮助

Array.from(document.querySelectorAll('#images img')).reverse()

Answer 2

使用 document.querySelectorAll 获取图像，然后将它们放入一个数组中（如@rojo 在他的评论中所说）并反转该数组的顺序。

var images = document.querySelectorAll("#images img"), //get the images as nodelist
    images = Array.from(images), //transform the nodelist to an array
    images = images.reverse() //reverse the array

// proceed with images...

如何将此 jquery 数组重写为 javascript

how to re-write this jquery array to javascript

javascript

gsap