如何将此 jquery 数组重写为 javascript

Question

我正在尝试仅在没有 jquery 部分的情况下在 javascript 中重写此代码。

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

使用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...

Answer 2

这可能会帮助你

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