使用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');
 });

您编写的代码的问题在于您选择链接中的每个图像并更改它们，而不仅仅是您单击的链接。

所以我们在这里使用$(document).on来确保在任何动态添加的元素中触发事件，函数内的$(this)引用您单击的链接。其余的很明显。