我有下面的Html代码:
<span class="fa fa-heart-o"></span>
我想用这个类在悬停时将class="fa fa-heart-o"
切换到class="fa fa-heart"
$("span").filter(".fa.fa-heart-o").hover(function () {
alert("hola");
this.removeClass('fa fa-heart-o');
this.addClass('fa fa-heart');
}, function () {
alert("adios");
this.removeClass('fa fa-heart');
this.addClass('fa fa-heart-o');
});
});
我已经尝试了很多方法,但都不起作用。
发布于 2018-08-31 14:53:44
我们可以简单地使用jQuery的attr()
函数将类更改为所需的类,而不是删除和添加类,如下所示
$("span").filter(".fa.fa-heart-o").hover(function() {
$(this).attr('class', 'fa fa-heart');
}, function() {
$(this).attr('class', 'fa fa-heart-o');
});
https://stackoverflow.com/questions/51921884
复制相似问题