На элементе нажмите получить IMG SRC значение атрибута

Question

У меня есть следующие HTML

<td class="emailModal" data-name="My name" data-id="myId" data-target="#myModal" data-toggle="modal"> 
    <div class="someClass"> 
    <img class="imgClass" width="50%" align="left" src="/Content/images/myImage.png"> 
    </div> 
</td> 

На мероприятии OnClick я Fetching значение по data-name атрибута с помощью JS

var name = $(this).data('name'); 

Мой вопрос в том, как принести значение src с щелчком изображения с использованием js

Среди прочего, что я пробовал:

var src = $(this).closest('img').attr('src'); 

Answer 1

Использование $(this).find('img').attr('src'). Угадайте щелчок элемента - это элемент td.

Answer 2

Я думаю, что вы можете сделать $(this).attr('src');

Я создал JSFiddle, чтобы проиллюстрировать свой ответ на практике:

https://jsfiddle.net/jagoldsmith/6jn5obx4/

Answer 3

Добавьте следующий атрибут к вашему элементу:

onclick="getImgSrc(this)" 

Затем добавьте следующий JavaScript:

function getImgSrc(param){ 
var imgSrc = $(param).attr("src"); 
}; 

Теперь вы можете включить этот OnClick событие любого элемента на вашем сайте, чтобы получить IMG SRC :)

Обратите внимание, что для этого требуется jQuery