javascript - 画像を配列に入れる - Javascript

Question

現時点では、「スライド」クラスのすべての子を jQuery の配列に配置するコードがあります。

$('.slides').children().each(function (i) {
    var oImg = new Image();
    oImg.src = this.src;
    aImages.push(oImg);         
});

しかし、これを作成するには Javascript を使用する必要があると聞きました。スニペットを jQuery から Javascript に再コーディングする試みはすべて失敗しました。誰かがそれを機能させる方法を知っていますか?

Answer 1

何かのようなもの：

var elements = document.getElementsByClassName("slides");
for(var i in elements){
  var childElements = elements[i].children;
  for(var j in childElements){
     var child = childElements[j];

     //your code here
  }
}

Answer 2

試す

var aImages = [];

// get all elements with class slides
var slides = document.getElementsByClassName('slides');

// iterate through the slides array
for (var i = 0; i < slides.length; i++) {
    var slide = slides[0];

    // iterate through each child of slide
    for (var j = 0; i < slide.childNodes.length; i++) {
        var child = slide.childNodes[j];
        var oImg = new Image();
        oImg.src = this.src;
        aImages.push(oImg);
    }
}