removeClass addClass没有响应

Question

我希望能够使用我在网上找到的图标包来自定义HTML5视频播放器，但是png的渲染效果可怕。像这样：

HTML

<div id="play-pause" class="play"><img src='../assets/play.png'/></div>

JQuery的

playButton.innerHTML = "<img src='../assets/pausebutton.png'/>";

如果我想使用icon-pack作为排版（即很棒的渲染），我需要将它们显示为div类。
所以我尝试使用removeClass和addClass，如下所示：

HTML

<div id="play-pause" class="play play-icon"></div>

JQuery的

playButton.removeClass( "play-icon" ).addClass('pause-icon');

我做错了什么？

Answer 1

playButton看起来像一个DOM对象引用（因为你设置的playButton.innerHTML仅在它是一个dom对象时有效），addClass() / removeClass()方法属性的jQuery对象所以尝试

$(playButton).removeClass( "play-icon" ).addClass('pause-icon');