Jquery: Ottenere ogni src immagine

Question

ho una serie di immagini ciascuna con la classe "photo";

voglio passare attraverso ciascuno di questi e recuperare la fonte della foto, per un uso successivo in un'istruzione if. Ho scritto il codice qui sotto per fare questo, ma non ho avuto successo:

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

io non sono sicuro di dove sono andato male qui. Sembra avere senso per me, ma non ottengo nulla nella console.

Qualcuno può indicarmi la giusta direzione?

Answer 1

Se hai dato lo stesso nome della classe per tutti i tag img quindi provare questo,

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

Si sta cercando di leggere il lenght di un oggetto/array fuori contesto qui:

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

modifica

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

modificare: al fine di verificare se l'attributo esiste

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

Answer 4

Può essere che si trovi il doc ready handler:

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

assicurarsi di caricare questo script prima allora il vostro $.each() funzione:

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