jQuery attr src

时间:2009-11-27 16:32:59

标签: jquery

我有以下问题/问题:

我有这样的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

2 个答案:

答案 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"));
});