Jquery: Pobierz każdy obraz src

Question

Mam serię zdjęć, każdy z klasą "zdjęcie";

Chciałbym przejść przez każdą z nich i pobrać źródło zdjęć, które będzie później używane w instrukcji if. Napisałem poniższy kod, aby to zrobić, ale nie były udane:

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

nie jestem pewien, gdzie mam pójść źle tutaj. Wydaje mi się, że to ma sens, ale niczego nie dostaję w konsoli.

Czy ktoś może wskazać mi właściwy kierunek?

Answer 1

Jeśli dałeś taką samą nazwę klasy dla wszystkich img tag następnie spróbować tego,

$(".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

Próbujesz odczytać lenght obiektu/tablicy z kontekstu tutaj:

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

zmiana

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

edit: aby sprawdzić, czy atrybut istnieje

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

Answer 4

Może brakuje doc ready handler:

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

upewnij się, aby załadować skrypt pierwszy wtedy swoją $.each() funkcję:

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