需要从孩子图像

Question

此作品显示替代文本...

$('.tubepress_thumb img').mouseenter(
function(){ 
    $(this).css('opacity','.8'); 
    var a = $(this).attr('alt'); 
    $(this).parent().append('<div class="tp_title">' + a + '</div>'); 
}); 

但闪烁B/C附加的div覆盖图像。

所以我想为目标的IMG和附加DIV两者包含的元素，并做到这一点...

$('.tubepress_thumb').mouseenter(
function(){ 
    $(this).children('img').css('opacity','.8'); 
    var a = $(this).children('img').attr('alt'); 
    $(this).append('<div class="tp_title">' + a + '</div>'); 
}); 

但不是替代文字，我得到“未定义”。

我检查并确认在几个帖子中$（this）.children（'img'）。attr（'alt'）;是正确的，所以我不知道我错过了什么。

Answer 1

如果<img>元素不是.tubepress_thumb元素的直接孩子，你需要使用$(this).find('img')而不是$(this).children('img')找到它。