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

时间:2013-06-18 12:51:09

标签: jquery

这有效......

$('.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');是对的,所以我不确定我错过了什么。

1 个答案:

答案 0 :(得分:0)

如果<img>元素不是.tubepress_thumb元素的直接子元素,则需要使用$(this).find('img')代替$(this).children('img')才能找到它。