jquery - 使用此显示图像的 alt 标签 - jquery

Question

客户希望在悬停时显示 alt 标签文本(并且无法确信它应该是标题，唉)。这是我所得到的，但我只需要显示悬停的 img 的 alt 标签，而不是全部。我尝试删除“每个”，但它坏了(我知道我对此不太擅长)。如何解决:

$("ul.thumb li img").hover(function() {
  $(this).each(function(i, ele) {
  $("li").append("<div class=alt>"+$(ele).attr("alt")+"</div>");
      $(this).mouseleave(function(event){
      $(".alt").css('display','none');
});
});
});

Here it is in a fiddle

Answer 1

$("ul.thumb li img").each(function() {
    $(this).parent('li').append($("<span/>").text($(this).attr("alt")).hide());
}).hover(function(){
  $(this).parent('li').children('span').show();
},function(){
  $(this).parent('li').children('span').hide();
});

DEMO