檢索子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'));
});

警報總是回復為空，任何想法？

Answer 1

用這個：

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

這些圖像不是div的孩子......他們是<a>的孩子，這是div的孩子，需要再向下一級。

Answer 2

直接從馬的嘴里 ，強調我的：

給定一個表示一組DOM元素的jQuery對象，.children（）方法允許我們在DOM樹中搜索這些元素的直接子元素...

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

Answer 3

試試這個：

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

〜馬特