我有多个看起来像这样的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,任何想法?
答案 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'));
});
〜马特