JQuery更改子元素的属性

Question

我有这个代码,我想点击div与favoriteButtonclass,current(this)<a>和src当前img标签中的文本进行更改.改变<a>工作中的文字,但图像不起作用.我试图把另一个作为第一个孩子,代码工作正常,只有在嵌套img不工作

$('.favoriteButton').click(function(e){

    $(this).find('.aclass').text("yeeee");
    $(this).find('.imgclass').attr("src", "remove_favorit.png");

    e.preventDefault(); 

});


    <div class="favoriteButton" >                                    
     <a class="aclass" href="">Text
       <img class="imgclass" src="add_heart.png">
     </a>
    </div>
    <div class="favoriteButton" >                                    
     <a class="aclass"  href="">Text
       <img class="imgclass" src="add_heart.png">
     </a>
     </div>

有人可以帮助我如何使用JQuery解决这个问题

谢谢

Answer 1

那是因为图像在链接内部,因此当您更改.text()链接的值时,图像会消失.要解决此问题,请将图像移到链接之外,或者在更改文本后对其进行缓存并附加.