Jquery:获取每个图像src

时间:2013-02-25 05:46:20

标签: javascript jquery jquery-selectors each

我有一系列图像,每个图像都有“照片”类;

我想浏览其中的每一个并检索照片源,以便稍后在if语句中使用。我写了下面的代码来做这件事,但没有成功:

$.each($(".photo"), function() {
  var imgsrc = $(this).attr("src").length;
  console.log(imgsrc);
});

我不确定我在哪里出错了。这似乎对我有意义,但我在控制台中没有得到任何东西。

有人能指出我正确的方向吗?

4 个答案:

答案 0 :(得分:16)

如果您为所有img标签指定了相同的类名,请尝试使用

  $(".photo").each(function() {  
   imgsrc = this.src;
   console.log(imgsrc);
  });  

答案 1 :(得分:4)

$(document).ready(function(){
  $(".photo").each(function() {  
       imgsrc = this.src;
       console.log(imgsrc);
  });    
});

答案 2 :(得分:1)

可能是您遗失doc ready handler

$(function(){
  $.each($(".photo"), function() {
    var imgsrc = $(this).attr("src").length;
    console.log(imgsrc); // logging length it should now print the length
  });
});

确保首先加载此脚本,然后加载$.each()函数:

<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>

答案 3 :(得分:0)

您正试图在此处读取对象/数组的lenght

var imgsrc = $(this).attr("src").length;

更改为

var imgsrc = $(this).attr("src");

修改:以检查属性是否存在

if (imgsrc == undefined) { /* do something */ }