在元素上单击获取img src属性值

时间:2016-01-17 20:44:55

标签: javascript jquery

我有以下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');

3 个答案:

答案 0 :(得分:3)

使用$(this).find('img').attr('src')。猜测元素点击是td元素。

答案 1 :(得分:0)

将以下属性添加到元素中:

onclick="getImgSrc(this)"

然后添加以下javascript:

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

您现在可以将此onclick事件包含在您网站上的任何元素中以获取img src:)

请注意,以上内容需要jQuery

答案 2 :(得分:-3)

我认为你可以做class Score(models.Model): user = models.ForeignKey(User) score = models.PositiveIntegerField(default=0) date = models.DateField(auto_now_add=True)

我创建了一个JSFiddle来说明我在实践中的答案:

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