如何获取具有相同类的每个图像元素的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);
    }
}

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

#1楼 票数: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

#2楼 票数:0 已采纳

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()方法。

  ask by user115203 translate from so

未解决问题?本站智能推荐:

2回复

如何使用基于src属性的jQuery检查图像元素是否存在于DOM中?

我有一些可以缩放的预览图像。 如果用户单击“缩放”,则将缓存图像: 我需要知道的是如何检查图像是否已缓存,以及是否应该显示加载程序。
3回复

尝试查找在jQuery中使用“this”传递的子图像元素

我正在尝试使用jQuery访问传递到事件处理程序中的图像。 因此,在这种情况下,“ this”将是div或li中包含img标记的div或li。 我已经尝试了以下访问器: $(this).attr(),$(this)。('。imgClassName')。attr(),$(this:im
4回复

使用jQuery获取特定图像元素的源代码

我有很多图像元素,并希望获得特定图像的来源,其中替代文本是“示例” 。 我试过这个: 但我不能得到那个我需要的那个。 如何根据其替代文本选择特定图像元素?
2回复

使用jQuery按类别和ID获取图像元素

我有一个代码,该代码以某种排列显示图像以反射晶圆。 用户单击图像时,将在其周围放置一个红色边框。 然后,此图像ID将保存在Cookie数组中,并且在重新加载页面时,这些特定的图像需要保留其边框。 我的问题是我无法使用id访问html元素。 例如: 不起作用。 这就是我的边界:
2回复

使用jQuery在iFrame的HTML中搜索其src包含关键字的图像元素

我正在深入研究页面的DOM以操纵某些图像属性。 我有一个包含iFrame的网页。 iFrame包含图像。 该图像没有id属性,因此我将使用src对其进行定位。 src包含唯一的关键字“ planet”。 如何使用jQuery定位此图像? 加成: 我无法在iFrame的DOM中引
1回复

jQuery的:从URL获取图像元素

在JQuery中,如何从url获取图像元素? 例如, 这是通过html5中的文件选择器完成的。 但是,我如何仅从URL获取图像? 我的要求是从url获取图像。 请帮忙,谢谢
4回复

Jquery:获取每个图像src

我有一系列的图像,每个图像都有“照片”类; 我想浏览其中的每一个并检索照片源,以便稍后在if语句中使用。 我写了下面的代码来做到这一点,但没有成功: 我不知道我在哪里出错了。 这似乎对我有意义,但我在控制台中没有得到任何东西。 谁能指出我正确的方向?
2回复

用jQuery获取图像SRC属性

这是Jquery Mobile,我想从rss discription标签中获取图像src ,我想将图像的SRC获取到变量,我尝试了很多方法,但对我来说不起作用,这是我的代码:我想添加变量在img标签SRC中包含SRC: 黑色文本是变量。 我试图从以img标签开头的文本中获取img src,