javascript - 无法在 href 标签中获取 img src

Question

我似乎无法使用以下代码从 href 标记内获取 img src 路径：

$(document).on('click', '.imagemodal', function() {

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

    alert("IMG: " + imgsrc);

});

我的 HTML 如下所示：

<a href="#" class="imagemodal"><img src="/images/psmith/5/image.jpg" /></a>

知道我错过了什么吗？

Answer 1

检查这个，它有效：http: //jsfiddle.net/xhhqU/1/

HTML：

<a href="#" class="imagemodal"><img src="http://www.gstatic.com/webp/gallery3/1.png" />

jQuery：

$(document).on('click', '.imagemodal', function() {
    var imgsrc = $('img', this).attr("src");
    alert("IMG: " + imgsrc);
});

Answer 2

你似乎没有关闭你的锚标签..

<a href="#" class="imagemodal"><img src="/images/psmith/5/image.jpg" /></a>

检查小提琴

您是否在浏览器的控制台部分的页面中收到任何错误

Answer 3

<a href="#" class="imagemodal"><img src="/images/psmith/5/image.jpg" /></a>


$(document).ready(function () {
$('.imagemodal').on('click', function () {           
        var opt_text = $(this).find("img").attr("src");
                    alert(opt_text);               
     })
});

Answer 4

你使用什么 jQuery 版本？如果它在 1.7 之前它不起作用。与后来的人一样。

请参阅从 jQuery 文档页面获取的信息：“.on() 方法将事件处理程序附加到 jQuery 对象中当前选定的元素集。从 jQuery 1.7 开始，.on() 方法提供了附加事件处理程序所需的所有功能。 "