javascript - Jquery: 各画像の src を取得する

Question

それぞれ「写真」クラスの一連の画像があります。

後で if ステートメントで使用するために、これらのそれぞれを調べて、写真のソースを取得したいと考えています。これを行うために以下のコードを書きましたが、成功していません。

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

ここでどこが間違っているのかわかりません。私には理にかなっているように思えますが、コンソールには何も表示されません。

誰かが私を正しい方向に向けることができますか?

Answer 1

すべての img タグに同じクラス名を指定している場合は、これを試してください。

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

あなたが行方不明かもしれませんdoc ready handler：

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

最初にこのスクリプトをロードしてから、$.each()関数をロードしてください。

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

Answer 4

lenghtここで、コンテキストからオブジェクト/配列を読み取ろうとしています:

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

への変更

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

edit : 属性が存在するかどうかを確認するため

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