Изменить изображение внутри ссылки с jquery

Question

У меня есть изображение внутри ссылки, и я хочу его изменить. Когда текст ссылки больше, изображение должно быть стрелкой вниз, а текст ссылки меньше стрелки вверх.

<a class="morelink"><img src="Slicice/close.png">Pročitaj više</a> 

я попробовал это, но это не будет работать:

$('a').click(function(){ 
    $('a img').attr('src', 'Slicice/open.png'); 
}); 

Answer 1

Попробуйте

$(function(){ 
    $('a').click(function(e){ 
     $('img', this).attr("src",'Slicice/open.png'); 
     e.preventDefault(); 
    }); 
}); 

Answer 2

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

$('a.morelink').click(function(){ 
    $(this).find('img').attr('src', 'Slicice/close.png'); 
}); 

Answer 3

Это должно работать

$(document).on('click', '.morelink', function(){ 
    $(this).find('img').attr("src",'Slicice/open.png'); 
}); 

Проблема с написанным вами кодом wasa заключается в том, что вы выбираете каждое изображение внутри ссылок и меняете их, а не только ссылку, которую вы нажали.

Итак, здесь мы используем $(document).on, чтобы убедиться, что событие запущено в любом динамически добавленном элементе, $(this) внутри функции относится к ссылке, которую вы нажали. Остальное очевидно.