JQuery: Holen Sie sich jedes Bild src

Question

Ich habe eine Reihe von Bildern jeweils mit der Klasse "Foto";

Ich möchte durch jede dieser gehen und die Fotoquelle abrufen, später in einer if-Anweisung verwenden. Ich habe den Code unten geschrieben, dies zu tun, haben aber nicht erfolgreich gewesen:

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

Ich bin nicht sicher, wo ich hier falsch gelaufen. Es scheint mir einen Sinn zu ergeben, aber ich bekomme nichts in der Konsole.

Kann mir jemand in die richtige Richtung zeigen?

Answer 1

Wenn Sie für all img-Tag gleiche Klassennamen gegeben haben, dann dies versuchen,

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

Sie versuchen die lenght ein Objekt/Array aus dem Zusammenhang lesen hier:

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

Änderung

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

bearbeiten: Um zu überprüfen, ob das Attribut

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

Answer 4

vorhanden sein kann Sie doc ready handler fehlen:

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

stellen Sie sicher, dieses Skript zu laden zuerst dann $.each() Funktion:

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