繁体   English   中英

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

How can I get the src attributes of each image element with the same class in JQuery?

提示:本站收集StackOverFlow近2千万问答,支持中英文搜索,鼠标放在语句上弹窗显示对应的参考中文或英文, 本站还提供   中文繁体   英文版本   中英对照 版本,有任何建议请联系yoyou2525@163.com。

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

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

2 个回复

您可以使用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
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()方法。

1 更改图像元素的src属性并获取尺寸属性

通过JavaScript对img元素执行更改时遇到问题: 我建立了一个框架,可以通过键盘的箭头键在不同的图像之间循环。 我通过将所有图像URL加载到数组中,然后相应地更改img元素的src属性来实现此目的。 到目前为止,一切正常。 但是现在我想显示当前图像的naturalHeig ...

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

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

2011-05-10 19:19:22 3 3131   jquery
5 使用jQuery按类别和ID获取图像元素

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

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

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

2010-07-28 17:15:45 2 179   jquery
7 jQuery的:从URL获取图像元素

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

8 如何在React中渲染具有不同src的多个图像元素

这是我正在尝试做的事情: 代码工作正常,问题出在图像源上,我可以放置一个静态图像源,它可以工作(我尝试过),但是当源是动态的(数据从一个数组(来自一个json文件)中来)不行。 有什么解决办法吗? 提前致谢! 编辑: 我得到的错误是:错误:找不到模块“。”。 这 ...

10 Jquery:获取每个图像src

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

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2022 STACKOOM.COM