Question

我有这个代码，我希望点击包含favoriteButton类的div，当前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()值时，图像会消失。要解决此问题，请将图像移到链接之外，或者将其缓存并在更改文本后附加它。

Answer 2

试试这个

$(this).find('.imgclass img').attr("src", "remove_favorit.png");

JQuery更改子元素的属性

2 个答案: