Нажмите на изображение, и изображение будет отображаться в jQuery

Question

У меня есть 4 разных изображения Моцарта, и при нажатии на определенное изображение имя снизу будет показано внизу. Не знаете, как начать это в jquery.

HTML:

<a class="art" href=""><img src="mozart.jpg"></a> 

CSS:

.art { 
    height: 200px; 
    margin-bottom: 20px; 
    width: 200px; 
} 

Answer 1

jsFiddle here.

---

Вот пример быстрый способ сделать это ::

J Запрос:

$('img').click(function(){ 
    if($(this).next('p').text().length == 0) { 
     $(this).next('p').text($(this).attr('src')); 
    } 
    else { 
     $(this).next('p').text(''); 
    } 
}); 

HTML:

<img src="mozart.jpg"> <p></p> 
<img src="mozart2.jpg"> <p></p> 
<img src="mozart3.jpg"> <p></p> 
<img src="mozart4.jpg"> <p></p>