如何使用javascript更改元素中的类名和数据？

Question

如何使用javascript更改元素中的类名和数据？

现在，我可以将班级名称从class="xxx"更改为class="yyy"，这样就可以了。

但我想改变

<img src="http://iconshow.me/media/images/Mixed/Free-Flat-UI-Icons/png/128/heart-24-128.png"/>

到

<img src="http://image.ohozaa.com/i/c70/cLBh71.png"/>

这是我的演示

http://jsfiddle.net/dFp6f/8/

这是javascript代码

<script>
function myFunction() {
    $("#demo").addClass("yyy").removeClass("xxx");
}
</script>

怎么办？

Answer 1

您可以使用attr方法更改图片src：

function myFunction() {
    $("#demo").addClass("yyy").removeClass("xxx");
    $("img").attr("src", "http://image.ohozaa.com/i/c70/cLBh71.png");
}

Answer 2

function myFunction() {
     $("#demo").addClass("yyy").removeClass("xxx");
     $("#demo img").attr("src","http://image.ohozaa.com/i/c70/cLBh71.png");
}

Answer 3

在fiddle更新功能

中查看更新后的代码

function myFunction() {
   $("#demo").addClass("yyy").removeClass("xxx");
   $("#demo img").attr('src','http://image.ohozaa.com/i/c70/cLBh71.png');
}

Answer 4

你可以像这样使用..

function myFunction() {
    $("#demo").addClass("yyy").removeClass("xxx").find('img').prop('src', 'http://image.ohozaa.com/i/c70/cLBh71.png');
}

Answer 5

我猜你想要这样的东西：

＆＃13;

＆＃13;

var src = "http://image.ohozaa.com/i/c70/cLBh71.png";

$('img').attr('src', function(){
    return src;
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<img src="http://iconshow.me/media/images/Mixed/Free-Flat-UI-Icons/png/128/heart-24-128.png"/>

＆＃13;

＆＃13;

＆＃13;