我有以下问题/问题:
我有这样的HTML代码:
<div id="tab">
<ul>
<li><a href=""><img src="pic1.png" width="16" height="16" alt="" /></a></li>
<li><a href=""><img src="pic2.png" width="16" height="16" alt="" /></a></li>
<li><a href=""><img src="pic3.png" width="16" height="16" alt="" /></a></li>
<li><a href=""><img src="pic4.png" width="16" height="16" alt="" /></a></li>
<li><a href=""><img src="pic5.png" width="16" height="16" alt="" /></a></li>
<li><a href=""><img src="pic6.png" width="16" height="16" alt="" /></a></li>
</ul>
不,我有jQuery,我想在“点击”事件上获得图片的img src。为此,我有这个代码:
jQuery('#tab a').click(function() {
alert(jQuery(this).attr('src'));
});
但是我没有得到代码,因为它必须是
jQuery('#tab img')
并使用
jQuery(this 'a')
或类似的事情是不可能的 - 那该怎么办?
但我不能使用jQuery('#tab img'),因为我也需要
有人可以帮忙吗?
非常感谢。
问候, 的Sascha
答案 0 :(得分:2)
您的代码无效的原因是警报中的jQuery(this)
实际上是一个锚点,而不是图像,因此它没有任何src
属性。由于您的锚包含图片,因此您可以将代码调整为:
jQuery('#tab a').click(function() {
alert(jQuery(this).find('img').attr('src'));
});
答案 1 :(得分:1)
您可以在已点击的锚标记内找到图像(即在锚容器中搜索。)
$('#tab a').click(function()
{
alert($("img", $(this)).attr("src"));
});