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>

检查FIDDLE

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

Answer 3

你使用什么jQuery版本？如果它在1.7之前则不起作用。对于后来的那些。

参见jQuery docs页面的信息： “.on（）方法将事件处理程序附加到jQuery对象中当前选定的元素集。从jQuery 1.7开始，.on（）方法提供了附加事件处理程序所需的所有功能。”

Answer 4

<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);               
     })
});

无法在href标签内获取img src

4 个答案: