Извлечение атрибута alt из изображения в div (Цель описания галереи)

Question

Итак, у меня есть эта мини-галерея. Это, как я хочу работать: IMG BIG IMAGE IMG ДИВ описание ДИВ IMG Эскизы IMG

Everyting работает отлично, за исключением я не знаю, если я правильно извлекая значение альт в DIV. Код вкл:

HTML SAMPLE:

<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") в этом контексте возвращает атрибут alt тега a, а не дочерний img.

Попробуйте это:

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