jquery - 从图像中提取 alt 属性到 div 中（画廊描述目的）

Question

所以我有这个迷你画廊。这就是我希望它工作的方式：img BIG IMAGE img div description div img thumbnails img

Everyting 工作正常，除了我不知道我是否将 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>

查询：

$(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');