29779


画像がクリックされたときに、クリックされた「src情報」を取得したいのですが、うまくいきません。(undefinedと出ます。)どなたかご教授頂けないでしょうか。よろしくお願い致します。

* * *

【script】

[code]

    //対象の画像がクリックされたときの処理
    
        $(document).on('click','.sel_page', function(event){
             var imgSrc = $('.sel_page').attr('src');
        });
    
[/code]

【HTML】

[code]

    <div class="sel_page">
                <img src="img/test1.png" id="color0000"/>        
                <img src="img/test2.png" id="color0001"/>        
    </div>
    
[/code]


CC BY-SA 3.0
2016-10-21T13:32:08.523
29777
2016-10-21T16:45:50.747
19175
question
javascript jquery
jQueryで画像のsrc情報が取得できません。

[code]

    $('.sel_page').on('click','.img', function(event){
       const imgSrc = this.src; 
       // ...
    });
    
[/code]


CC BY-SA 3.0
2016-10-21T13:40:15.723
29778
2016-10-21T13:40:15.723
2376
29777
answer


`$('.sel_page')` は、imgを囲うdivなので、srcを取ろうとしても取れません。  
イベントが起こった要素は[event.target](https://developer.mozilla.org/ja/docs/Web/API/Event/target)で取れるので  
例えば、以下の様にします。

[code]

    $(document).on('click','.sel_page', function(event){
         var imgSrc = event.target.src;
         //alert(imgSrc);
    });
    
[/code]


CC BY-SA 3.0
2016-10-21T13:44:12.427
29779
2016-10-21T13:44:12.427
5044
29777
answer