javascript - ejemplos - jquery each break

Jquery: Obtenga cada imagen src

Question

Tengo una serie de imágenes, cada una con la clase "foto";

Quiero ir a través de cada uno de estos y recuperar la fuente de la foto, para usar más adelante en una declaración if. He escrito el siguiente código para hacer esto, pero no he tenido éxito:

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

No estoy seguro de dónde me he equivocado aquí. Parece tener sentido para mí, pero no consigo nada en la consola.

¿Alguien puede señalarme en la dirección correcta?

Answer 1

Está tratando de leer la lenght de un objeto / matriz fuera de contexto aquí:

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

cambiar a

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

editar : para verificar si el atributo existe

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

Answer 2

Puede ser que te falta el doc ready handler :

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

asegúrese de cargar este script primero y luego su función $.each() :

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

Answer 3

Si ha dado el mismo nombre de clase para todas las etiquetas img, intente esto,

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

Answer 4

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