使用jQuery动态更改图像

Question

我有一组带有文字和图标的标签。活动标签有白色背景，蓝色文字和图标。其他标签则相反。我想要做的只是在活动时动态更改图标。蓝色图标有效，但在未激活时不会变为白色。

这就是我所拥有的：

if ($('#project_details').hasClass('active')) {
    $('#tab1').attr('src','img/blue.png');
} else {
    $('#tab1').attr('src','img/white.png');
}

HTML：

<li id="project_details" class="active">
<img src="" id="tab1">Project Details</li>

Answer 1

浏览器已经自动添加了active类并将其从元素中删除，这是因为它是一个css伪类。您更改src属性的代码看起来很好，但我看不到会触发您的代码运行的任何内容。 （注意：这是对先前答案的回复，告诉OP手动添加/删除active。）

什么时候想要执行这个if语句？当用户点击另一个标签时？如果是这样，我会使用jQuery为选项卡的click事件创建一个事件处理程序。