如何在JQuery中使用相同的类获取每个图像元素的src属性？

Question

如何获取具有相同类的每个图像元素的src属性，并将其存储在数组中以在JQuery中访问它？

这是HTML

<div id="preload">
  <img class="pre-img" src="images/img1.jpg">
  <img class="pre-img" src="images/img2.jpg">
  <img class="pre-img" src="images/img3.jpg">
</div>

这是jQuery代码

function preloadImages(){
    var image = $(".pre-img").toArray();
    for(var i=0; i < image.length; i++)
    {
        var path = image[i].attr('src');
        console.log(path);
    }
}

有人可以告诉我我在哪里做错了吗？

Answer 1

您可以使用jQuerys map函数：

var imagePaths = $(".pre-img").map(function() {
    return this.src; //this refers to the DOM element, so you can simply access the property you want
}).get(); //.get() to convert the result to an array

Answer 2

function preloadImages(){
debugger;
    var image = $(".pre-img").toArray();
    for(var i=0; i < image.length; i++)
    {
        var path = image[i].src; // or may be this, $(image[i]).attr('src');
        console.log(path);
    }
}

preloadImages();

注意：您需要包装器才能访问attr（）方法。