将图像中的 alt 属性提取到 div 中（图库描述目的）

Question

所以我有这个迷你画廊。这就是我希望它工作的方式： img 大图 img div 描述 div img 缩略图 img

一切正常，除了我不知道我是否将 alt 值正确提取到 div 中。代码包含：

HTML 示例：

<p><img id="largeImg" src="zdjecia/bawialnia.jpg" alt="Large image" /></p> 
  <div id="opis"></div>
<p class="thumbs">

 <a href="zdjecia/bawialnia.jpg" title="Bawialnia"><img src="zdjecia/bawialnia-thumb.jpg" alt="some description" /></a>

Jquery：

$(document).ready(function(){

 $("h2").append('<em></em>')

 $(".thumbs a").click(function(){

   var largePath = $(this).attr("href");
   var largeAlt = $(this).attr("title");

   var altText = $(this).attr("alt");


   $("#largeImg").attr({ src: largePath, alt: largeAlt });

   $("div#opis").html(altText);

   $("h2 em").html(" (" + largeAlt + ")"); return false;
 });

});

提前致谢！

Answer 1

在该上下文中使用 $(this).attr("alt") 将返回 a 标签的 alt 属性，而不是子 img。

试试这个：

var altText = $(this).find('img').attr('alt');