需要显示子图像的替代文字

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')才能找到它。