检索子img src(jQuery)

时间:2010-02-02 17:14:42

标签: javascript jquery

我有多个看起来像这样的div:

<div><a href="our_work.html?clientid=39">
<img src="filestore/data_logos/39.gif" alt="client logo"/>
</a></div>

如果点击div图层,我试图获取图像src:

$('#carousel div').click(function(event) {
  alert($(this).children('img').attr('src'));
});

警报总是回复为null,任何想法?

3 个答案:

答案 0 :(得分:28)

使用此:

$('#carousel div').click(function(event) {
  alert($(this).find('img').attr('src'));
});

图像不是div的孩子......他们是<a>的孩子,这是div的孩子,需要再向下一级。

答案 1 :(得分:3)

Straight from the horse's mouth,强调我的:

  

给定一个表示一组DOM元素的jQuery对象,.children()方法允许我们在DOM树中搜索这些元素的立即子元素...

IMG嵌套如下:DIV > A > IMG;您需要的是find()而非children()

答案 2 :(得分:2)

试试这个:

$('#carousel div').click(function(event) {
  alert($('img', this).attr('src'));
});

〜马特