Jquery：获取每个图像src

Question

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

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

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

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

谁能指出我正确的方向？

Answer 1

如果您为所有img标签指定了相同的类名，那么试试这个，

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

Answer 2

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

Answer 3

可能是你缺少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>

Answer 4

你试图在这里读取一个对象/数组的lenght ：

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

改成

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

编辑 ：以检查属性是否存在

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