2012-09-21 86 views
-2

里我似乎无法使用下面的代码href标记内得到IMG SRC路径:无法获得IMG SRC href标记

$(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> 

任何想法我失踪?

+3

你已经关闭了你的锚链接? – undefined

+1

工作在这里很好,即使缺少'':http://jsfiddle.net/xhhqU/ –

+0

我已经......只是错过它,当我在 – Paul

回答

0

你似乎没有被关闭您的锚标记..

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

检查FIDDLE

你得到网页中的任何错误在浏览器中

+3

它实际上没有它。 –

+0

奇怪......如果我使用的情况下它不工作(使用jQuery 1.7.1),但如果我用它的工作原理直线上升的点击事件... – Paul

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

你用什么jQuery的版本? 如果它在1.7之前它不起作用。随着后者的它。 .on()方法将事件处理程序附加到jQuery对象中当前选定的一组元素。从jQuery 1.7开始,.on()方法提供了所需的所有功能用于附加事件处理程序。“

+0

这可能,如果你阐述为什么是一个很好的答案这可能是如此。 –

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