我有这段代码,我希望点击带有favoriteButton
类的div,当前(this
) <a>
中的文本和当前img
标签的src
被更改。在<a>
中更改文本可以正常工作,但不能更改图像。我尝试将另一个作为first的子级,代码运行良好,只是在嵌套的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解决这个问题吗?
谢谢
发布于 2011-08-26 19:53:21
这是因为图像位于链接内部,所以当您更改链接的.text()
值时,图像将消失。要解决此问题,请将图像放在链接之外,或者在更改文本后对其进行缓存并追加。
发布于 2011-08-26 19:56:25
尝尝这个
$(this).find('.imgclass img').attr("src", "remove_favorit.png");
https://stackoverflow.com/questions/7204209
复制相似问题