Jquery: Nhận từng hình ảnh src

Question

Tôi có một loạt hình ảnh mỗi hình ảnh có "ảnh" lớp;

Tôi muốn thực hiện từng bước này và truy xuất nguồn ảnh, để sử dụng sau trong câu lệnh if. Tôi đã viết mã bên dưới để thực hiện việc này, nhưng chưa thành công:

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

Tôi không chắc mình đã sai ở đâu. Nó có vẻ hợp lý với tôi, nhưng tôi không nhận được bất cứ điều gì trong giao diện điều khiển.

Có ai có thể chỉ cho tôi đúng hướng không?

Answer 1

Nếu bạn đã đặt cho tên lớp tương tự cho tất cả các thẻ img sau đó thử này,

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

Bạn đang cố gắng đọc lenght của một đối tượng/mảng ra khỏi bối cảnh ở đây:

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

đổi thành

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

chỉnh sửa: để kiểm tra xem các thuộc tính tồn tại

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

Answer 4

Có thể bạn đang thiếu doc ready handler:

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

hãy chắc chắn để tải kịch bản này đầu tiên sau đó $.each() chức năng của bạn:

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