在元素上，單擊獲取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事件上，我正在使用js獲取data-name屬性值

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

我的問題是如何使用js獲取點擊的圖片的src值

在我嘗試過的事情中：

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