首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >JQuery更改子元素的属性

JQuery更改子元素的属性
EN

Stack Overflow用户
提问于 2011-08-26 19:48:57
回答 2查看 1.9K关注 0票数 1

我有这段代码,我希望点击带有favoriteButton类的div,当前(this) <a>中的文本和当前img标签的src被更改。在<a>中更改文本可以正常工作,但不能更改图像。我尝试将另一个作为first的子级,代码运行良好,只是在嵌套的img中不起作用

代码语言:javascript
运行
复制
$('.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解决这个问题吗?

谢谢

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2011-08-26 19:53:21

这是因为图像位于链接内部,所以当您更改链接的.text()值时,图像将消失。要解决此问题,请将图像放在链接之外,或者在更改文本后对其进行缓存并追加。

票数 5
EN

Stack Overflow用户

发布于 2011-08-26 19:56:25

尝尝这个

代码语言:javascript
运行
复制
$(this).find('.imgclass img').attr("src", "remove_favorit.png");
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/7204209

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档