检索子img src（jQuery）

Question

我有多个看起来像这样的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，任何想法？

Answer 1

使用此：

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

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

Answer 2

Straight from the horse's mouth，强调我的：

  

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

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

Answer 3

试试这个：

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

〜马特