Javascript 如何使用jquery更改img的src

我已经动态添加了新的

li

标记，它们应该显示不同的图像，基于在单击时切换的活动类，但我就是抓不住它。我知道，因为应该更改的图像在img标记中，但是更改

img

标记的

src

的条件是

li

标记中的活动类

我尝试在jquery中使用以下代码

if ($("li").hasClass("active"))
{
    $("img#test2").attr("src","assets/img/button_home_selected3.png");
} 
else 
{
    $("img#test2").attr("src","assets/img/button_home_plain.png");
}

Html是：

<li id="test" style="list-style: none;" class="active">
    <a href="#home" data-toggle="tabs"><img src="assets/img/button_home_plain.png" id="test2"  width="83" style="margin-left:10px;"</a>
</li>

(),；
}else{alert（“仅允许3个选项卡！”）}；

试试这个：

...
...
//code where you are changing the class
...
...

$('li').each(function() {
    if($(this).class().indexOf("active") !== -1)
    {
        //Active class is applied
        $(this).children().children().attr("src", "assets/img/button_home_selected3.png");
    }
    else
    {
        $(this).children().children().attr("src", "assets/img/button_home_plain.png");
    }
});

...
...

---

尝试使用$（“.li”）。是否（“.active”）可以将

单击
处理程序代码发布到要更改类的位置。让我们查看所有相关代码。这将是代码运行所针对的HTML，以及完整的
click
事件处理程序（您的
if
语句应该在其中）。您能否提供一个（非工作）示例，包括HTML、CSS和JS？和的可能副本
...
...
//code where you are changing the class
...
...

$('li').each(function() {
    if($(this).class().indexOf("active") !== -1)
    {
        //Active class is applied
        $(this).children().children().attr("src", "assets/img/button_home_selected3.png");
    }
    else
    {
        $(this).children().children().attr("src", "assets/img/button_home_plain.png");
    }
});

...
...